How do I get transparent PNG files working in IE6?<br />
For some reason IE6 doesn't render the PNG files correctly while IE4/5 does.<!--content-->What is a PGN file?<!--content-->ok it's png
<!--content-->from<br />
<!-- m --><a class="postlink" href="http://www.libpng.org/pub/png/">http://www.libpng.org/pub/png/</a><!-- m --><br />
<br />
<!-- m --><a class="postlink" href="http://www.libpng.org/pub/png/pngapbr.html">http://www.libpng.org/pub/png/pngapbr.html</a><!-- m --><br />
<br />
basically, IE's PNG implementation (esp. of the alpha characteristic) sucks, except for on the otherwise stinky Mac version.<br />
<br />
there's a bit of code you can use as a sort of hack to get IE to display them properly. <br />
<!-- m --><a class="postlink" href="http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html">http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html</a><!-- m --><br />
<br />
i've done some extensive PNG-ing myself, and it can be a real b!tch, so good luck!<!--content-->also, in my experience, certain versions of NS will slow down DRAMATICALLY when a PNG is used as a background on anything. i actually use a sniffer to replace the stylesheet with one that uses a 2x2 GIF checkerboard instead... which is REALLY sad, since otherwise NS is the best browser as far as PNG functionality.<!--content-->I didn't know PNG's could be tranparent... hmmm thing you learn
<!--content-->Originally posted by scoutt <br />
I didn't know PNG's could be tranparent... hmmm thing you learn ??? yeah you did, Scoutt, 'coz you helped me when i was figuring it all out on my site!<br />
<br />
p.s., Syst3m Err0r, here are two examples:<br />
meat-thing.com/transmothra.com/<br />
meat-thing.com/tmp/<br />
<br />
in the second, i actually used the CSS alpha filter for IE and PNG for NS, if i remember right. however, doing it that way meant that text (and anything else) inherited the translucency value of the parent element, regardless of trying subsequent commands to stop (such as using Opacity=100)! so i had JavaScript write in a second layer of text on top, to perfectly match the original text. it was a messy workaround and one that i'll never try again!<!--content-->Well, thank you for the link.<br />
(now I have to make the png files again... had the bunch created as gif without the shadows)<!--content-->Originally posted by transmothra <br />
??? yeah you did, Scoutt, 'coz you helped me when i was figuring it all out on my site! <br />
<buttheads voice>Oh yeah </buttheads voice>
I remember now, but there goes my phone number <!--content-->The code for the png files works fine except when you use percentages as height (while width works fine with percentages). Maybe I should write a javascript function to retreive the height of a table cell and alter the height (in pixels) of the image.<br />
<br />
That site you kicks ass btw. cool tips and tricks.<!--content-->Originally posted by Syst3m Err0r <br />
The code for the png files works fine except when you use percentages as height (while width works fine with percentages). Maybe I should write a javascript function to retreive the height of a table cell and alter the height (in pixels) of the image.<br />
<br />
That site you kicks ass btw. cool tips and tricks. 1) that's weird. i'd think if it worked with percentages for width, it would for height as well!<br />
<br />
2) you mean <!-- w --><a class="postlink" href="http://www.libpng.org">www.libpng.org</a><!-- w -->? yeah, that guy is really funny, too... i think he links his personal site at the bottom of the pages... you should check him out sometime. hilarious!<!--content-->
For some reason IE6 doesn't render the PNG files correctly while IE4/5 does.<!--content-->What is a PGN file?<!--content-->ok it's png
<!--content-->from<br /><!-- m --><a class="postlink" href="http://www.libpng.org/pub/png/">http://www.libpng.org/pub/png/</a><!-- m --><br />
<br />
<!-- m --><a class="postlink" href="http://www.libpng.org/pub/png/pngapbr.html">http://www.libpng.org/pub/png/pngapbr.html</a><!-- m --><br />
<br />
basically, IE's PNG implementation (esp. of the alpha characteristic) sucks, except for on the otherwise stinky Mac version.<br />
<br />
there's a bit of code you can use as a sort of hack to get IE to display them properly. <br />
<!-- m --><a class="postlink" href="http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html">http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html</a><!-- m --><br />
<br />
i've done some extensive PNG-ing myself, and it can be a real b!tch, so good luck!<!--content-->also, in my experience, certain versions of NS will slow down DRAMATICALLY when a PNG is used as a background on anything. i actually use a sniffer to replace the stylesheet with one that uses a 2x2 GIF checkerboard instead... which is REALLY sad, since otherwise NS is the best browser as far as PNG functionality.<!--content-->I didn't know PNG's could be tranparent... hmmm thing you learn
<!--content-->Originally posted by scoutt <br />I didn't know PNG's could be tranparent... hmmm thing you learn
??? yeah you did, Scoutt, 'coz you helped me when i was figuring it all out on my site!<br /><br />
p.s., Syst3m Err0r, here are two examples:<br />
meat-thing.com/transmothra.com/<br />
meat-thing.com/tmp/<br />
<br />
in the second, i actually used the CSS alpha filter for IE and PNG for NS, if i remember right. however, doing it that way meant that text (and anything else) inherited the translucency value of the parent element, regardless of trying subsequent commands to stop (such as using Opacity=100)! so i had JavaScript write in a second layer of text on top, to perfectly match the original text. it was a messy workaround and one that i'll never try again!<!--content-->Well, thank you for the link.<br />
(now I have to make the png files again... had the bunch created as gif without the shadows)
<!--content-->Originally posted by transmothra <br />??? yeah you did, Scoutt, 'coz you helped me when i was figuring it all out on my site! <br />
<buttheads voice>Oh yeah </buttheads voice>
I remember now, but there goes my phone number <!--content-->The code for the png files works fine except when you use percentages as height (while width works fine with percentages). Maybe I should write a javascript function to retreive the height of a table cell and alter the height (in pixels) of the image.<br /><br />
That site you kicks ass btw. cool tips and tricks.<!--content-->Originally posted by Syst3m Err0r <br />
The code for the png files works fine except when you use percentages as height (while width works fine with percentages). Maybe I should write a javascript function to retreive the height of a table cell and alter the height (in pixels) of the image.<br />
<br />
That site you kicks ass btw. cool tips and tricks. 1) that's weird. i'd think if it worked with percentages for width, it would for height as well!<br />
<br />
2) you mean <!-- w --><a class="postlink" href="http://www.libpng.org">www.libpng.org</a><!-- w -->? yeah, that guy is really funny, too... i think he links his personal site at the bottom of the pages... you should check him out sometime. hilarious!<!--content-->