Transparency issue in PNG image in IE6

Discussion in 'HTML & Website Design' started by nickjason, Mar 10, 2010.

  1. #1
    Hi
    Im new to CSS. I encountered a problem in IE6.I have this code in my IE6.css :.
    But its commented out for rectification of some other issue using flash file. But popupBg.png when opened for the download button gives a shadow which it should not. How shoul i go about it
     
    nickjason, Mar 10, 2010 IP
  2. jj1

    jj1 Active Member

    Messages:
    892
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #2
    NEVER use png files - they are massive and will slow the loading time down. Use a .gif with transparent option - can do either with macromedia or photoshop. If you're using macromedia, check out their help section on creating transparent gifs. It's not intuitive but can be done.

    When designing, bear in mind that transparent gifs do not always appear as well as a jpeg - it flattens layers down and some box shadows don't always work well.
     
    jj1, Mar 10, 2010 IP
  3. eonhost

    eonhost Guest

    Messages:
    45
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Well it is a known bug in IE and as far as I remember there was a FIX for that in the windows update as well.
     
    eonhost, Mar 10, 2010 IP
  4. BrianM

    BrianM Peon

    Messages:
    58
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I'm sorry, but this is terrible advice and inaccurate, at best. This statement the exact opposite of my experience. I will quote from W3... "PNG also compresses better than GIF in almost every case (5% to 25% in typical cases)." - http://www.w3.org/QA/Tips/png-gif.

    Take a look at this article for detailed information relating to IE6 and alpha transparency workarounds. You may find your answer there.
     
    BrianM, Mar 10, 2010 IP