Hello,
Open up this site in IE8:
See the white background? Any ideas what is causing that? I tried assigning a clear gif to it, and nothing changed. Works great in Chrome and FF
Help please : )
A:
I have investigated and come to a solution
#spotlight .slide{
background: url("images/featured_bg.png");
}
JapanPro
2010-09-22 14:01:20
A:
On your <div class="slide"> set the background-color: Transparent
ferrari fan
2010-09-22 14:02:13
A:
the first div in #spotlight has a backgound-color:#ffffff; set as inline-style (which can easily be seen by using the developer-tool (F12)) - remove that and you'll get what you expect.
oezi
2010-09-22 14:02:14
Don't remove that since the transition effect will look crap in IE - just change the color to what it is supposed to be.
easwee
2010-09-22 14:08:13
+4
A:
If you use the Developer Tools in IE8 (Keyboard shortcut F12) and inspect the element with the white background you will notice the following inline style applied to the element:
<div class="slide" style="z-index: 5; position: absolute; background-color: #ffffff; zoom: 1; display: block; top: 0px; left: 0px;" cycleH="277" cycleW="500" jQuery1285163831375="11">
What is generating the HTML for you? I assume it's JQuery UI?
delimited
2010-09-22 14:03:26
+1
A:
In IE the <div class="slide"> gets a style="background-color:#fff;". This is a fix for IE to make the fade transition text smooth and not jagged. Find where the color is being set and replace it with your bg color (probably in the .js or where you call the slide plugin)
easwee
2010-09-22 14:07:06