Home | Blog | Software | Reviews and Features | Forum | Help | Donate | About us
topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • December 02, 2016, 06:26:41 PM
  • Proudly celebrating 10 years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: How to use transparent png properly even in IE 6 (!)  (Read 3959 times)

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 36,405
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
How to use transparent png properly even in IE 6 (!)
« on: April 11, 2006, 03:25:52 AM »
Quote
This site is all about a JavaScript-based PNG fix for Internet Explorer 5.5 and 6 on Windows. The fix allows IE to properly render PNG alpha transparency. If you want to get straight to the script, go to the how-to page and follow the instructions there. If you have the time for a description and demo of the problem, then read on...

http://homepage.ntlworld.com/bobosola/




from http://www.neowin.net

Hirudin

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 543
    • View Profile
    • Donate to Member
Re: How to use transparent png properly even in IE 6 (!)
« Reply #1 on: April 11, 2006, 04:22:34 AM »
I've often wondered why the alpha transparancy isn't used more on web pages (actually, I don't know if I've ever seen it used). Seems like a nice transparrent logo in the bottom right of the screen (like TV networks do) might be pretty cool.

Do variably transparant .PNGs work in Firefox?

allen

  • Charter Member
  • Joined in 2006
  • ***
  • Posts: 1,192
    • View Profile
    • Donate to Member
Re: How to use transparent png properly even in IE 6 (!)
« Reply #2 on: April 11, 2006, 05:44:36 AM »
IE is the only browser that has had any trouble with PNG images -- AFAIK Firefox and Opera both support them through and through.

Thanks for posting this -- I'd read it (albeit at a different site) but couldn't be bothered to implement it.  I tend to think IE users deserve what they get :D

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,117
    • View Profile
    • Donate to Member
Re: How to use transparent png properly even in IE 6 (!)
« Reply #3 on: April 11, 2006, 06:01:16 AM »
i can't remember the links (maybe i've saved them somewhere) that went through the various ways of getting png alpha to work with IE based browsers. the overall conclusion was that it wasn't a 100% working method and that the 'trick' would fail without much predictability as to when it would do so. this was a great headache when designing 'cody' as the final version had to be gif but i would have liked it to be png because of the alpha transparency.

maybe the method described above is the definitive working method for png in IE, i don't know. i'd just be very wary of using such methods as you just don't know when one of your visitors is going to break the way it works and then view your website in a way you didn't intend. maybe the risk is so small it's not worth being concerned about?

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 36,405
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: How to use transparent png properly even in IE 6 (!)
« Reply #4 on: April 11, 2006, 06:07:38 AM »
nudone is right - that fix in the page above can fail if you have some active scripting or other settings in ie disabled.

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,117
    • View Profile
    • Donate to Member
Re: How to use transparent png properly even in IE 6 (!)
« Reply #5 on: April 11, 2006, 06:20:23 AM »
i guess we are saying, if someone is still using IE 5 or earlier, or has javascript turned off then they won't be experiencing the web in the way most designers intended anyway. these people will be used to seeing ugly page layouts and obviously don't care about it either.

so, i guess i'm saying the png trick isn't such a bad idea afterall. you can't please all of the browsers all of the time now can you.

f0dder

  • Charter Honorary Member
  • Joined in 2005
  • ***
  • Posts: 9,029
  • [Well, THAT escalated quickly!]
    • View Profile
    • f0dder's place
    • Read more about this member.
    • Donate to Member
Re: How to use transparent png properly even in IE 6 (!)
« Reply #6 on: April 11, 2006, 07:09:10 AM »
Hrm, I didn't think IE6 supported PNG alpha?
- carpe noctem

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,117
    • View Profile
    • Donate to Member
Re: How to use transparent png properly even in IE 6 (!)
« Reply #7 on: April 11, 2006, 07:50:06 AM »
Hrm, I didn't think IE6 supported PNG alpha?

that's what the javascript png alpha workaround is for - to work with IE 5.5 and 6.

lanux128

  • Global Moderator
  • Joined in 2005
  • *****
  • Posts: 6,258
    • View Profile
    • Coding Snacks by Lanux128
    • Read more about this member.
    • Donate to Member
Re: How to use transparent png properly even in IE 6 (!)
« Reply #8 on: April 12, 2006, 12:34:13 AM »
another possible solution here and here...
on another note, PNG transparency is soon to be implemented in MSIE7.