I placed the following code in the window.onload method. It works but only on inline images. It will not work if the image is loaded through css. For the transparent PNG's I use Fireworks 8 and export as PNG 32.<br><br>Also, I did not write this code. I got it off of some website. I forget which and I will link to it if I can find it.
<br><br>/***************&nbsp; Transparent PNG **************************/<br>var arVersion = navigator.appVersion.split(&quot;MSIE&quot;)<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var version = parseFloat(arVersion[1])<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; //transperent png support
<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if ((version &gt;= 5.5) &amp;&amp; (document.body.filters)) <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; for(var i=0; i&lt;document.images.length; i++)<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var img = document.images
[i]<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var imgName = img.src.toUpperCase()<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (imgName.substring(imgName.length-3, imgName.length) == &quot;PNG&quot;)<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var imgID = (<a href="http://img.id">
img.id</a>) ? &quot;id='&quot; + <a href="http://img.id">img.id</a> + &quot;' &quot; : &quot;&quot;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var imgClass = (img.className) ? &quot;class='&quot; + img.className + &quot;' &quot; : &quot;&quot;
<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var imgTitle = (img.title) ? &quot;title='&quot; + img.title + &quot;' &quot; : &quot;title='&quot; + img.alt + &quot;' &quot;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var imgStyle = &quot;display:inline-block;&quot; + 
img.style.cssText <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (img.align == &quot;left&quot;) imgStyle = &quot;float:left;&quot; + imgStyle<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (img.align == &quot;right&quot;) imgStyle = &quot;float:right;&quot; + imgStyle
<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (img.parentElement.href) imgStyle = &quot;cursor:hand;&quot; + imgStyle<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var strNewHTML = &quot;&lt;span &quot; + imgID + imgClass + imgTitle<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; + &quot; style=\&quot;&quot; + &quot;width:&quot; + 
img.width + &quot;px; height:&quot; + img.height + &quot;px;&quot; + imgStyle + &quot;;&quot;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; + &quot;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader&quot;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; + &quot;(src=\'&quot; + 
img.src + &quot;\', sizingMethod='scale');\&quot;&gt;&lt;/span&gt;&quot; <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; img.outerHTML = strNewHTML<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i = i-1<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br><br>
<div><span class="gmail_quote">On 6/19/06, <b class="gmail_sendername">Nicolas Terray</b> &lt;<a href="mailto:nicolas.terray@gmail.com">nicolas.terray@gmail.com</a>&gt; wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I've used /IE7/ in the past to work with transparency. However it is<br>not the prototype way.<br><a href="http://dean.edwards.name/IE7/">http://dean.edwards.name/IE7/</a><br><br>On 6/19/06, Sam &lt;<a href="mailto:sam.google@iness.com">
sam.google@iness.com</a>&gt; wrote:<br>&gt;<br>&gt;<br>&gt; Is there a prototype / extension which will assist in cross-browser support<br>&gt; of PNG images?<br>&gt;<br>&gt; <a href="http://www.alistapart.com/articles/pngopacity/">
http://www.alistapart.com/articles/pngopacity/</a><br>&gt;<br>&gt; It seems to me that a class could be developed which would zip through the<br>&gt; DOM and make changes where needed for IE 5.5 / IE 6.0 to handle PNG images.
<br>&gt;<br>&gt; I don't want to write one if it's been done before.<br>&gt;<br>&gt; Sam<br>&gt;<br>&gt;<br>&gt; _______________________________________________<br>&gt; Rails-spinoffs mailing list<br>&gt; <a href="mailto:Rails-spinoffs@lists.rubyonrails.org">
Rails-spinoffs@lists.rubyonrails.org</a><br>&gt; <a href="http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs">http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs</a><br>&gt;<br>&gt;<br>&gt;<br>_______________________________________________
<br>Rails-spinoffs mailing list<br><a href="mailto:Rails-spinoffs@lists.rubyonrails.org">Rails-spinoffs@lists.rubyonrails.org</a><br><a href="http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs">http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
</a><br></blockquote></div><br>