Which Png Fix For Ie Is The Best

[web_designer 7]

as many designer know png transparency is a real problem that every designer should deal with when he is about to publish his websitethere is may techniquesnow the question what is the best?the most known techniquestwin helixunit png fixsupersleightDD_belatedPNGbut the most important which one fit to your layoutthe strange thing is i used twin helix v2.0 but as wordpress plugin but when i disabled it and try to add it manually it didn't workso where is the problem

[truefusion 3]

From experience, they tend to not work as expected or are hard to implement properly, so i wouldn't recommend any. Likewise, while you could suggest for the user to upgrade to IE7 or to switch to another popular browser, i would either avoid the use of transparent PNGs (which you may never need) or simply not care. I am not sure what instance demands for transparent PNGs, especially since we've been doing good without their use in web design for a long time, but what kind of dilemma are you in?

[web_designer 7]

thanks for your replyand my problem is i have several images in png in my wordpress blog and unfortunately i can't replaced them to gif coz they will have very ugly edges, so i made them in png and they worked great in firefox, opera, google chorm, but not in ie6. so i tried fix them by using these methods, but i couldn't make them work until i used plugin in wordpress theme which is work when i added twin helix v2.0. but when i tried to add it manually it didn't work. i don't know why, but i think the problem where to put the <style> tag. i put it in the header, it didn't work, also in css file. by the way, my wordpress theme not a free theme but a theme i made it my self using apache, php and photoshop and of course my own CSS, so i had a full control on it . but the point why it is not working so i decided to ask about it here in these forums, in case somebody can help.

Notice from truefusion:

Please don't write posts in "poem format," having a new line every now and then.

[BuffaloHelp 24]

There is such thing as over coding.

I'm pretty sure less than 10% of web surfers are still using IE6. It's time to upgrade to IE7, if you still can find the download. Yahoo did a wonderful job alerting and converting just about every user to IE8.

And before I eat my words, I did some research and see the result of web browser trend

http://www.w3schools.com/browsers/default.asp

I was off by < 2%

[Soviet Rathe 1]

I too was not able to fix the PNG issue. when I tried adding the codes it made stuff look weird so I switched to flash lol@BH Lmao FF has 47% of most used browser :)FIREFOX RULES

[Quatrux 4]

For years I'm using the method to fix PNG transparency on IE6 without any problems and it works well, it's called IEPNGFIX!

All you need to do is to use this code.. It doesn't work on CSS images though when you use background-image property, but works on all <img /> html tags.. Just write in your CSS file or between <style></style>

img { behavior: url(files/iepngfix.htc); }

As behavior: is not a valid property, I used to use PHP to output it only when it's IE6, but for now I use a different method in html using in comment statement if it's IE6, I think it's called conditional comments. For example:

<!--[if IE 6]><style>img { behavior: url(files/iepngfix.htc); }</style><![endif]-->

you can use anything associated with HTML between the comment tags, but I use:

<!--[if IE 6]><link rel="stylesheet" href="ie6.css" type="text/css" /><![endif]-->

Because it's much better..

By the way, the link to the PNG FIX hack is here: http://www.twinhelix.com/css/iepngfix/

And I think they've updated the version, I think I'm using an older one, but the main thing it works

[web_designer 7]

hi quatrux HAPPY NEW YEAR to you and to everyone in Xisto, and thanks for your help, i checked on the net and it was the same png fix that i'm talking about but i used v2.0 but you are using v1.0i followed your instructionbut nothing happeni don't know whyi put the conditional comments in the header of my wordpress themeand checked that the file .htc is exist in my main folderbut i don't know why the php didn't link to itin the same timei checked the main file of png fix and it works very good in my ie6so why not reading from my info that is the problemany more suggestions?

[Quatrux 4]

First of all, remember it works only on img tags images and not for images in stylesheets.. Well it works for me..

Download the file iepngfix.htc and put it to your folder, create an index.html file or use your index.php file or whatever and use this:

<!--[if lte IE 6]> <link rel="stylesheet" href="ie6hacks.css" type="text/css" /><![endif]-->

It needs to be in between <head></head> elements, it will use the ie6hacks.css file if it will be IE6 or IE5.5 and lighter versions, but for them it won't work anyways..

put the ie6hacks.css file in the same folder with this content in it:

img {	behavior: url(iepngfix.htc);}

Where iepngfix.htc needs to the in the same folder too, even though you can use different folders, like I do though, but you need to use the right paths.

I also use the iehoverfix.htc hack for IE6 to solve the problems with :hover on IE6 ;]

[web_designer 7]

i think my main problem that makes this code doesn't work is all the images i use had been added as a background image in my css file, but what puts me in a puzzle that it works when i use plug in but where is the problem?!! even i made a another css file like quatrux said before but it didn't work either, and now i really give upi dis activated the plugin and tried to add the code manually because my previous hosting didn't support wordpress plugin but now i will transfer my hosting here to Xisto so i hope here there is support to worpress plugins, if anyone know they didn't please tell me...