Comments on: Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery (part 1 of 2) http://www.pathf.com/blogs/2008/04/hacking-transpa/ Running commentary about agile development, user experience design and Ajax. Sat, 11 Oct 2008 13:47:26 +0000 http://wordpress.org/?v=2.5.1 By: mingfai http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-1782 mingfai Fri, 06 Jun 2008 05:13:15 +0000 http://www.pathf.com/blogs/?p=33#comment-1782 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. 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 http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-49 Brian Dillard Wed, 07 May 2008 20:55:57 +0000 http://www.pathf.com/blogs/?p=33#comment-49 <p>@Jonah Dempcy: I haven't used the Edwards libraries but I hear good things about them.</p> @Jonah Dempcy: I haven’t used the Edwards libraries but I hear good things about them.

]]> By: Jonah Dempcy http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-48 Jonah Dempcy Wed, 07 May 2008 02:56:56 +0000 http://www.pathf.com/blogs/?p=33#comment-48 <p>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.</p> 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 http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-47 vpetreski Fri, 02 May 2008 12:17:43 +0000 http://www.pathf.com/blogs/?p=33#comment-47 <p><a href="http://www.comesolvego.com/2008/05/02/the-quickest-css-hack-fix-for-ie/" rel="nofollow">http://www.comesolvego.com/2008/05/02/the-quickest-css-hack-fix-for-ie/</a></p> http://www.comesolvego.com/2008/05/02/the-quickest-css-hack-fix-for-ie/

]]> By: Brian Dillard http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-46 Brian Dillard Mon, 28 Apr 2008 14:30:44 +0000 http://www.pathf.com/blogs/?p=33#comment-46 <p>@Stephen</p> <p>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.</p> <p>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:</p> <p>/img/whatever/blank.gif.</p> <p>You'd need to change this to:</p> <p><a href="http://maindomain.com/img/whatever/blank.gif" rel="nofollow">http://maindomain.com/img/whatever/blank.gif</a></p> <p>Either or both of these problems could be preventing your solution from working on your wiki.</p> @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 http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-45 Stephen Mon, 28 Apr 2008 03:43:01 +0000 http://www.pathf.com/blogs/?p=33#comment-45 <p>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? </p> <p>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:</p> <p>img {<br /> behavior: url(<a href="http://www.mydomain.com/CSS/iepngfix.htc);" rel="nofollow">http://www.mydomain.com/CSS/iepngfix.htc);</a><br /> }</p> <p>...which should cause it to execute the code that is on my main site, but this doesn't work at all. </p> 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 http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-44 Libor Fikr Fri, 11 Apr 2008 15:35:47 +0000 http://www.pathf.com/blogs/?p=33#comment-44 <p>Useful. Thanks.</p> Useful. Thanks.

]]> By: Thomas Wittek http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-43 Thomas Wittek Fri, 11 Apr 2008 11:14:28 +0000 http://www.pathf.com/blogs/?p=33#comment-43 <p>I created a cleaned up and enhanced version of the original PNGFix that also supports background-position: <a href="http://gedankenkonstrukt.de/?action=show;id=58" rel="nofollow">http://gedankenkonstrukt.de/?action=show;id=58</a><br /> It's not thoroughly tested yet, but it seems to work.<br /> Also, it doesn't rely on jQuery.</p> 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 http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-42 Angus Turnbull Fri, 11 Apr 2008 05:54:50 +0000 http://www.pathf.com/blogs/?p=33#comment-42 <p>I'm glad you found my script useful!</p> <p>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.</p> <p>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.</p> <p>Cheers - Angus.</p> 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 http://www.pathf.com/blogs/2008/04/hacking-transpa/#comment-41 Eric Fri, 11 Apr 2008 01:59:36 +0000 http://www.pathf.com/blogs/?p=33#comment-41 <p>thank you so very much for making this beautiful and simple walthrough to this horrendous problem.</p> thank you so very much for making this beautiful and simple walthrough to this horrendous problem.

]]>