SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict dannyh's Avatar
    Join Date
    Mar 2005
    Location
    BC, Canada
    Posts
    241
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How are they doing this in IE? (png transparency)

    I can't find any proprietary IE code that allows for transparency which I have seen on some sites. Am I missing it somewhere?

    http://tatteredfly.com/

    It bugged me for a few minues after looking at this site in FF and then IE to check the transparent header/shadow affects.

    Anyone know how they are doing this? I want to learn from it

    Thanks

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Did you look at the source?

    Code:
    <div id="container" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/container.png',sizingMethod='scale');">
    <div id="logo" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png');">
    <h1>Tattered Fly</h1>
    </div><!-- /#logo -->
    <div id="header">
    <div id="header_photo" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/detail.png');">&nbsp;</div>
    </div><!-- /#header -->

  3. #3
    SitePoint Addict dannyh's Avatar
    Join Date
    Mar 2005
    Location
    BC, Canada
    Posts
    241
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ahhhh

    I didnt suspect it to be inline styles. I dont ever write anything inline so I didnt think to check there.

  4. #4
    SitePoint Guru LinhGB's Avatar
    Join Date
    Apr 2004
    Location
    Melbourne, Australia
    Posts
    902
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's also a pngfix.js javascript around that will automatically apply the fix to all PNGs on the page. You can also use IE conditional comment to load it only when it's needed. It's far neater than the above.
    "I disapprove of what I say,
    but I will defend to the death my right to say it."

  5. #5
    SitePoint Member
    Join Date
    Jun 2006
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This code will allow the different levels of transparency that png supports? I bought some nice icons at www.iconshock.com, but there are some with semi transparent areas. If I try to use gif for my CMS, then I loss some of the best characteristics of the artwork, and batching to bmp takes time...


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
  •