Comments on: Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery (part 1 of 2)

By: Thomas Heetderks

Thomas Heetderks — Fri, 10 Jul 2009 14:34:21 +0000

I was using IEPNGFIX on a site with BG PNGs on ablolutely positioned DIVs and links with images in them– and it BROKE my links (only the transparent areas worked… maybe hasLayout thing), and after HOURS of CSS attempts… I found an EASY solution in Drew Diller’s DD_belatedPNG PNG fix:
http://www.dillerdesign.com/experiment/DD_belatedPNG/

By: ABCoder

ABCoder — Fri, 12 Jun 2009 19:09:54 +0000

Hi Brian Dillard,

I’m not sure if you’ve used the iepngfix.htc for dynamically loaded png images via ajax. The result is it does not work for dynamic images.

However I fixed this issue without using the iepngfix.htc file.

Here is the solution: http://abcoder.com/javascript/ie6-png-alpha-transparency-fix-for-dynamically-loaded-images-via-ajax/

Hope u’ll like it.

Thanks
Adnan

By: raj

raj — Thu, 12 Mar 2009 23:58:13 +0000

Hi i want to fix png image in background image but that image did not show properly in IE. so kindly help me

Thanks

By: 50+ jQuery Tutorials und mehr für Einsteiger und Fortgeschrittene

50+ jQuery Tutorials und mehr für Einsteiger und Fortgeschrittene — Tue, 06 Jan 2009 08:02:29 +0000

[...] Hacking transparent PNG support into IE6 Erklärt einen Hack zur Unterstützung von PNG-Transparenz im IE6 mittels IE PNG Fix, CSS und jQuery. [...]

By: mingfai

mingfai — Fri, 06 Jun 2008 05:13:15 +0000

http://code.google.com/p/ie7-js/

>The script only fixes images named: *-trans.png

>Unfortunately, the transparent background image cannot be tiled (repeated) using background-repeat. Nor can it be positioned using background-position.

By: Brian Dillard

Brian Dillard — Wed, 07 May 2008 20:55:57 +0000

@Jonah Dempcy: I haven’t used the Edwards libraries but I hear good things about them.

By: Jonah Dempcy

Jonah Dempcy — Wed, 07 May 2008 02:56:56 +0000

What about Dean Edwards’ IE7.js and IE8.js libraries? They purportedly fix all PNG transparency issues in IE. Have you had any luck with those? I included the IE7.js library on one page I worked on and they seemed to do the trick.

By: vpetreski

vpetreski — Fri, 02 May 2008 12:17:43 +0000

http://www.comesolvego.com/2008/05/02/the-quickest-css-hack-fix-for-ie/

By: Brian Dillard

Brian Dillard — Mon, 28 Apr 2008 14:30:44 +0000

@Stephen

I'm not sure whether HTC files can be accessed across domains. They are, after all, JavaScript files, so XSS security protections may prevent them from being executed across domains. A quick Google search on the topic didn't turn up a definitive answer, but that may be your problem.

The other problem is that the HTC file on your main domain no doubt points to a blank.gif file that is hosted on that main domain. I'm assuming it has a file path without a protocol or a domain, for instance:

/img/whatever/blank.gif.

You'd need to change this to:

http://maindomain.com/img/whatever/blank.gif

Either or both of these problems could be preventing your solution from working on your wiki.

By: Stephen

Stephen — Mon, 28 Apr 2008 03:43:01 +0000

Thanks, this works great on my main site, so I know I've got it working. But do you know if there are any issues that would stop it from working when accessed from another site?

In other words, I have a wiki at wikidot.com. I have no way to put the .htc file and blank .gif on the server that is hosting the wiki, so I am trying to use them on my main domain. So in my wikidot CSS, I put:

img {
behavior: url(http://www.mydomain.com/CSS/iepngfix.htc);
}

...which should cause it to execute the code that is on my main site, but this doesn't work at all.

By: Libor Fikr

Libor Fikr — Fri, 11 Apr 2008 15:35:47 +0000

Useful. Thanks.

By: Thomas Wittek

Thomas Wittek — Fri, 11 Apr 2008 11:14:28 +0000

I created a cleaned up and enhanced version of the original PNGFix that also supports background-position: http://gedankenkonstrukt.de/?action=show;id=58
It's not thoroughly tested yet, but it seems to work.
Also, it doesn't rely on jQuery.

By: Angus Turnbull

Angus Turnbull — Fri, 11 Apr 2008 05:54:50 +0000

I’m glad you found my script useful!

Yeah, sadly the MS filter doesn’t support background-position or -repeat. The v1.0RC5 script will stretch the image to cover the element when repeat is specified. Perhaps in future I’ll add a separate component to create many nested elements to “mimic” a repeating background where required.

Also, if you could just link to the main IEPNGFix page on my site that would be great — the /test/ folder is liable to vanish at random moments . The main page links to both versions for download currently.

Cheers – Angus.

By: Eric

Eric — Fri, 11 Apr 2008 01:59:36 +0000

thank you so very much for making this beautiful and simple walthrough to this horrendous problem.