[oujipickle]

Hi,

Hope someone can help with this.

I have an image with a div on top called #myslides running a jquery fade in and out slideshow.
Works great in firefox but i.e. adds a transparency greyish background to the full div which fades in and out with text.

Any help much appreciated

Oujipickle

[zed]

link?

[oujipickle]

Here is the code

<script type="text/javascript">$(document).ready(function() { $('#myslides').cycle({fx: 'fade', speed:3000, timeout: 3000 }); });</script>

#main_img_loc{
width: 580px;
height: 220px;
border: 1px solid;
margin-left: 5px;
float: left;
background-image: url(teed_up.png);
background-repeat: no-repeat;
}
#myslides{
width: 280px;
height: 80px;
margin: 10px 0px 0px 300px;
}

<div id="main_img_loc">
<div id="myslides">
<div><p class="saying">"Text here"</p></div>
<div><p class="saying">"Text here"</p></div>
<div><p class="saying">"Text here"</p></div>
</div>
</div>

Oujipickle

[i-am-css]

It may be because your background image is a .png and ie doesn't like png's when used with javascript/jquery fades.

[Gibson]

Yep. That'll be it. The old IE can't fade a tranaparent png thing. I've been battling with that for ages, but couldn't get it to work even with png fixes etc.
If you sort it out, please post the answer here.