IE 6 PNG Fix (using DD_belatedPNG)

8 posts by 4 authors in: Forums > CMS Builder
Last Post: February 8, 2010   (RSS)

By yusuke - February 3, 2010

I modified lib/menus/header.php as below so I could use .png (transparency) for Header Image (sidebar.php)... it's not working. Could anyone tell me what I am doing wrong?

<!--[if lte IE 6]><script type="text/javascript">DD_belatedPNG.fix('#main-content ul li,#sidebar,#sidebar-wrapper,#sidebar-title h1')</script><![endif]-->

Re: [yusuke] IE 6 PNG Fix (using DD_belatedPNG)

By gkornbluth - February 3, 2010 - edited: February 3, 2010

Hi Yusuke,

I've been using a somewhat different approach to implement an ie6 png fix

Set it up following the instructions in the html file.

Any time a png img is encountered in ie6 it will show transparency correctly.

While you're at it take a look at http://ie6update.com/ and help get rid of IE6 entirely.

Hope that helps,

Jerry Kornbluth
The first CMS Builder reference book is now available on-line!







Take advantage of a free 3 month trial subscription, only for CMSB users, at: http://www.thecmsbcookbook.com/trial.php
Attachments:

iepngfix.zip 41K

Re: [yusuke] IE 6 PNG Fix (using DD_belatedPNG)

By Chris - February 5, 2010 - edited: February 5, 2010

Hi yusuke,

It looks like you're using the function properly. Unfortunately, I have no idea what the problem might be.

An alternate approach would be to switch to a static background colour.

If you do get this figured out, please let us know!

Best of luck!
All the best,
Chris

Re: [yusuke] IE 6 PNG Fix (using DD_belatedPNG)

By Dave - February 8, 2010

Hi yusuke,

Here's the docs for that component:
http://www.dillerdesign.com/experiment/DD_belatedPNG/

I'd try experimenting with it on another page and get it working there first, then move it over into CMSB.

Hope that helps!
Dave Edis - Senior Developer
interactivetools.com

Re: [Dave] IE 6 PNG Fix (using DD_belatedPNG)

By yusuke - February 8, 2010

Hi Chris!
Hi Dave!

Thank you so much for your reply!!!
I figured it out. The answer was very simple. Here you go!

<!--[if lte IE 6]><script type="text/javascript">DD_belatedPNG.fix('#main-content ul li, #sidebar-title img')</script><![endif]-->

Re: [yusuke] IE 6 PNG Fix (using DD_belatedPNG)

By Dave - February 8, 2010

Hi yusuke,

Thanks for sharing your code. I'll add that to the next release so you won't have to fix it again after upgrading.

Thanks! :)
Dave Edis - Senior Developer
interactivetools.com

Re: [Dave] IE 6 PNG Fix (using DD_belatedPNG)

By yusuke - February 8, 2010

Hi Dave,

That's very helpful.
Thank you!