SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    352
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

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

    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.

    http://embetc.com/

    Thanks!

  2. #2
    SitePoint Enthusiast
    Join Date
    Feb 2012
    Location
    Sacramento, CA, USA
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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:

    Code:
    <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.
    Last edited by raw10; Feb 14, 2012 at 15:08. Reason: Added note about IE fading of transparent PNGs

  3. #3
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    352
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that was the ticket!! thanks so much

  4. #4
    SitePoint Enthusiast
    Join Date
    Feb 2012
    Location
    Sacramento, CA, USA
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problem! Glad it worked.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,285
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by raw10 View Post
    [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.
    I believe there was a partial solution in this old thread.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •