In developing a client’s simple web site (www.bobbyjmusic.com) I had the need to fix a bug in IE6 that doesn’t handle PNG transparency. There were a couple plugins that already existed, but it really messed with the layout that already existed.
So, I searched the internet (google is your friend). I came across the http://www.twinhelix.com website and implemented their code in my very first wordpress plugin.
After a couple days, I received some feedback from a user mentioning that it would be nice to be able to choose the PNG fix method between the 2 methods that twinhelix had produced. I figured it would be even better to provide a few options, and over the course of the last year I have made many improvements to the plugin. Currently, you can select from 5 different methods and the IE6 detection can occur server side (default) or client side for web sites that have the generated HTML cached at some level.
You can download the plugin by going to http://wordpress.org/extend/plugins/hits-ie6-pngfix/
If you enjoy the plugin, please feel free to donate through PayPal.
If you are going to ask for help using the comments section below, please ensure you leave the plugin on Debug mode on your site before submitting your ask for help. It really helps with the diagnosis!
Works great, thank you
Great idea and great plugin! I was actually going to build this but it seems you started before me. I have another plugin (live countdown timer) that i’m upgrading to make it transparent shortly, and i want to let you know that I will be referring people to your plugin to use it in case they want ie6 transparency to work with my plugin.
Thanks!
And keep up the good work!
Cip
Hi!
Great plugin! Do you have any plans on supporting DD_belatedPNG?
As I could see on this comparison if it’s not the best, it’s, at least, one of the smallest…
Hey,
Super plugin!! Works fine.
I had some trouble with the plugin because of my css file, but with excellent service it works great!
Thank you!
many thanks Sir
http://www.seoname.com
Using this on a WP site for a client, great plugin, except that no matter which method I choose, all of my .png images are simply vanishing instead of having transparency work. Any ideas?
I cant seem to get this working in wordpress 2.8.4. I have tested the last commenter’s url too. I think it maybe a wordpress bug as I disabled plugins and tested my own conditional comments and that wouldn’t work either.
If you are having problems, check your theme. Some theme’s will have CSS that conflicts with any PNG fix in IE6. There have been a couple people experiencing this problem that I’ve helped.
Got it working my doing it manually but had to place it in stylesheet as conditional comments still do not work.
Hi!
I’ve tried this fix with the default theme of WordPress 2.8.4 and it’s still not working. Are you sure it should work with this newest version of WP?
Tnx in advance.
I’m about to setup a new site. I’ll try it out there and see what may be conflicting.
Just thought you’d like to know that you can find SuperSleight at http://allinthehead.com/retro/338/supersleight-jquery-plugin – so you can add it to the credits.
It’s fantastic having all these options in one plugin – for my purposes DD_belatedPNG turned out to be the fastest and the best for background images. Thanks a lot.
Hi, thanks for the plugin, but I have the same problem with WP 2.8.4 as the plugin seems not to be working for now. I tried different methods. Any sugguestion? Thanks.
What is the URL of the site you are having problems with? Do the images still have the grey background or is the plugin causing problems with another plugin?
Hi Thanks, it’s http://www.doublejdesign.co.uk I tried on IE6, the grey background is still there.
Is this working on wp 2.8.4?
Yes, the plugin does work on 2.8.4, but it looks like many themes might interfere with it.
it’s does work in localhost.
but doesn’t work when it’s has been uploaded to my website.
see (with IE6)
http://ibad.bebasbelanja.com
Abdul, I had a look at your website, and it the problem may be the way you are defining your image as the background….but most likely it is because your are applying your styling after the fix is applied. Move your css files to be before the HITS-IE6 PNGFix is executed in HEAD.
Jack, I had a look at your site, and your HEAD has an unusually little amount of code in there. Check to see if your theme is allowing wordpress to place it’s code into your HTML.
Thanks a lot for this. As I wrote the them by myself. I am not so sure probably I missed something. Could you tell me which code should be put into the html. Thanks.
At the least you will probably want wp_head() to echo out it’s code. I have it just prior to the HEAD tags in HTML.
Hi Adam
Thanks for putting in the hard work on this plugin. Unfortunately, I’m having trouble getting it to work with any of the available methods. A gray background still appears within IE6.
I assume that it’s a problem with my child theme or the css file. What should I look for in order to correct the problem? My site is http://www.greggwatt.com/crossline.
Thanks.
Great plugin. The only problem i am having is that twin helix v2.0 hides some background png images. not sure why.
Unfortunately, not all methods work for all people. If were that easy, there would be only one!
hello,
i have made a french translation for the ie6 png fix but don’t know how to send it to you
I’ll send you an email so you have my address. Thanks for the translation work!
Gracias por postearlo lo andab buscando
This works great, but we have out entire site served up via SSL. The plugin generates code for http links to the javascript files, but we need https. Any chance you could add a fix in the next release? Thanks!
I will certainly take a look as soon as I can.
Hi,
It doesn’t seem to be working for me. The CSS is before the fix. It is on DD_belatedPNG. Is there anything else I can try?
http://stellaandmoon.com.au/art/
Cheers,
Julia
Hi Julia, i think your issue is that it’s your “a” element that has the image, and that element (or class) is not in the css selector. Add “.stellagallery” to the css selector and you should be ok?
I am trying to confirm that this will fix the problem I am having with IE6.
I have a png image that is transparent except for some scripted writing. But when I use a href with the png the rectangle is high-lighted and so the writing cannot be seen.
Here is the code:
Hi Matt, do you have the plugin installed, and if so what is your website so that I can take a look?
Thank you so much for this plugin! You are a lifesaver
Does this plugin work properly on WP3?
It sure does!
Great plugin – unfortunately there appears to be a problem with page caching.
If the page is not cached and the first browser to request it is IE6, then the ‘fixed’ page is cached and served to all subsequent browsers that request it – this means the fix code will run every time on the cached page and may cause problems with other browsers.
Conversely, if a non-IE6 browser requests the page for the first-time, the page will be cached without the ‘fix’ code and then if IE6 later requests that page, it will get an unfixed cached page.
It’s better to leave the browser detection to the browser by using the IE conditional comments.
I’m changing the wp_head() function in your plugin – I’m ignoring your browser detect code and will always write out the javascript links between conditional comments – this will ensure that a cached paged always contains the links to the javascript.
Perhaps you could add an option for sites that used cached pages?
I’m just about to add the ability to switch between server and client side detection.
Cool – saves me from maintaining a custom version
Many thanks for this plugin. Been spending a while looking for a working solution.
After trial and error with all the available methods, I ended up using DD_belatedPNG.
Oh my goodness, you’re a lifesaver!!! Great plugin. DD_belatedPNG worked for me.
Cheers
Great plug-in. Many thanks.
great,,,I was worrying about the clients browser version. thanks a lot.
Shoot, the WordPress ate my comments. Changing the last part of line 185 in hits-pngfix.php from this…
endif] –>
…to this…
endif]–>
…fixed my problems. Yep, that extra space caused IE 7 and 8 to not render the entire page.
nice idea…thanks
Hello Adam,
I have made a Portuguese Brazilian translation for IE6 PNG Fix for my own use. Now I want to send this translation to you, as a way to say ‘thanks for the plugin’. Please contact me via e-mail, so I can send you the translation file.
Regards.
Gervásio.