Welcome to WebDesignForums.net!
You're currently viewing WDF as a guest. By registering for a free account, you'll be able to participate with other members in our friendly community. Being a member allows you to ask questions and get answers for those troublesome web development tasks!

In addition, as a member you'll be able to post your websites up for review. Using our unique website review system you can gain some amazing feedback from some of the best web developers around. This is a completely free service to all registered members.

Ready to register yet? Registration is 100% free. Click Here To Join Now!

PNG transparency

Discussion in 'Web Design and Development Articles & Tutorials' started by filburt1, Dec 9, 2002.

Thread Status:
Not open for further replies.
  1. Offline

    filburt1 bored

    Message Count:
    11,783
    Likes Received:
    3
    Trophy Points:
    0
    Location:
    Maryland, US
    There's a bug in IE that doesn't allow variable PNG transparency when using normal <img> tags. Mozilla works properly.

    What you have to do is use, tada, IE-proprietary code. Here's a sample: instead of using:
    Code:
    <img width="500" height="100" src="strip.png">
    
    use
    Code:
    <div style="width:500px; height:100px;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='strip.png')">
        &nbsp;
    </div>
    instead. Be sure to specify the correct width and height in the <div> tag as shown; otherwise the image might not be shown or be cropped.

    MS doesn't outright state this as a bug, but it is mentioned in their knowledgebase: http://support.microsoft.com/default.aspx?scid=KB;en-us;q294714


    WebCoach101 likes this.
  2. Offline

    nsr81 New Member

    Message Count:
    1,132
    Likes Received:
    3
    Trophy Points:
    0
    thx for the tip :)


  3. Offline

    DevilishDreams New Member

    Message Count:
    42
    Likes Received:
    0
    Trophy Points:
    0
  4. Offline

    erandae New Member

    Message Count:
    6
    Likes Received:
    0
    Trophy Points:
    0
    Hay there is a javascript hack for this


  5. Offline

    cleaninggroup New Member

    Message Count:
    7
    Likes Received:
    0
    Trophy Points:
    0
    Thank you, i already kinda knew that but more knowledge doesnt hurt! THANKS! ")


  6. Offline

    CMSInstalls New Member

    Message Count:
    22
    Likes Received:
    0
    Trophy Points:
    0
    always good information to share thanks!


  7. Offline

    Red Racer New Member

    Message Count:
    20
    Likes Received:
    0
    Trophy Points:
    0
    thanks, im sure this tip will save me hours of starring at the screen.:classic:


  8. Offline

    smoseley Administrator

    Message Count:
    9,727
    Likes Received:
    192
    Trophy Points:
    63
    Location:
    Boston, MA
    Way to resurrect an 8 year old thread. It must rank high in google.


  9. Offline

    Wired WDF Moderator and Alien Overlord

    Message Count:
    7,598
    Likes Received:
    133
    Trophy Points:
    63
    This was a bug in IE 6 guys.


Thread Status:
Not open for further replies.

Share This Page