SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Wizard
    Join Date
    Nov 2000
    Location
    Chico, Ca
    Posts
    1,125
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    PNG/GIF Transparency in Internet Explorer

    Here is the link of for the site: http://beringglobal.cconway.com/index.html

    Problem 1

    The site appears how I want it in Firebird 0.7. When I view the site in IE the image does not appear. When I set the position to relative it shows up but not in the right place and not relative to the containing div.
    Fixed
    I move the div outside the containing div and placed in the body tag, since it's positioned absolute it doesn't matter where the div actually resides in the html.
    Problem 2

    IE is not correctly displaying the transparency on in the PNG. I have a read a couple posts on this matter, but yet to find a solution to satisfy me. The transparency is a must, when I export a transparent image as a gif it leaves a white outline around the images. In addition when I export a gradient it exports bad or pixalated..

    Any Suggestions on how to fix this?

    Thanks

    Chuck
    "Happiness doesn't find you, you find happiness" -- Unknown
    www.chuckknows.com

  2. #2
    SitePoint Enthusiast maetl's Avatar
    Join Date
    Jan 2003
    Location
    Aotearoa
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    youngpup.net has a js script ("Sleight") that automatically loads the filter to display alpha channels correctly for PNG's... You might need to tweak this, depending on whether the PNG is set as a CSS background-image, or sitting in an <img> tag.

  3. #3
    SitePoint Guru bronze trophy blufive's Avatar
    Join Date
    Mar 2002
    Location
    Manchester, UK
    Posts
    853
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IE/Windows' support for PNGs, especially transparency, is a bit crap. It's possibly the main reason you don't see everyone using transparent PNGs yet.

    I couldn't find the example on the youngpup site, but there's another one here: http://www.alistapart.com/articles/pngopacity/
    It uses cunning tricks to apply an IE/Windows-only ActiveX filter to do the transparency in that browser, while letting the other browsers just handle it the way it's meant to work.
    Last edited by blufive; Jan 7, 2004 at 16:43.

  4. #4
    SitePoint Enthusiast maetl's Avatar
    Join Date
    Jan 2003
    Location
    Aotearoa
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


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
  •