Nasty background:white inline style for elements in IE8 and IE9

Hey,
I'm wondering if you got this fixed.
I have the same issue.

Thanks.

I had the same issue, I found the fix in this post: http://drupal.org/node/844800
perhaps this will help you along your way.

I eventually realised that that post was a different subject, and, as you say considered wrongly a duplicated issue. Your original post came up first when I searched for my problem and I thought it was the same. My original problem was that the slideshow displays two white blocks, one before and one after.
For reasons I don't quite grasp, the 'internet explorer' options at the bottom of the slideshow settings form had something to do with it.
Apparently though, I have the same jquery settings insert as you, but without the 'background-color: white;'. Perhaps you could inject some JavaScript in the box provided at the bottom to set the bg color to transparent or none?

same problem here. On the views slideshow plugin i changed "internet Explorer Options" : "ClearType Background: " from "false" to "true" to fix this. But, i suppose i've risked disabling cleartype fixing, which i don't completely understand. Is it possible to keep cleartype fixing enabled but have the background be transparent? I'm assuming not... can anyone confirm i'm correct...?

I'll have to do some research on this whole Cleartype Fixing feature. Anyone have any resources to recommend?

I'm getting a similar problem where a background colour is being applied inline to the slideshow - in my case, not white but a close approximation to the page background. It seems to be a general issue with jquery fadein/out and certain versions of IE. The inline background style is an attempt at a solution I think.

However, because my page background is a gradient the solution doesn't look good in IE. Disabling the IE options, however, gives nasty looking borders on the text/images.

I haven't found a solution yet that is practicable but if anyone has any suggestions please post below!

Setting cleartype background = true seems to have fixed the issue for me.

unfortunately setting the cleartype options are your only solutions that I've found. IE has a real hard time with this. Any other solution would have to come from the jquery library, jquery cycle.

I had the same problem in IE9. Here's a basic workaround :

add in views_slideshow.css :

.views_slideshow_singleframe_slide{
background: transparent !important;
}

solved it in IE9

The following worked for me in my theme CSS (thanks Taesto!), it appears to override views_slideshow.css:

div.views_slideshow_singleframe_slide.views_slideshow_slide {
	background: transparent !important;
}