White background on jquery slideshow, how to remove in ie7-8?

HTML & CSS
1

Hello,

This site that I have created has been live for almost a year, and just now realized the slideshow background is NOT transparent in dreaded IE. Is there anyway to fix this? See the link below.

Thanks!

2

You might need to explicitly make the background transparent on the slides themselves. Try adding the following line to your CSS in the head of your index page:


<style type="text/css">
  .slideshow {height:265px; width:960px; margin-left:auto; margin-right:auto;}
  .slideshow a {background-color:transparent !important;} /* Add this. Forces the slide background to be transparent */
  .spad {height:15px; margin-left:auto; margin-right:auto; clear:both}
</style>

I made a copy of the page on my own server and verified that it works, so PM me and I can send you the link.

-Rob

[edit] Note that IE hates fading transparent PNGs; it can’t do the alpha transparency during the fade and just sticks black in. You end up with nasty black edges. You might want to switch your slideshow to scrollUp or something instead.

3

that was the ticket!! thanks so much

4

No problem! Glad it worked.

5

I believe there was a partial solution in this old thread.