Pastable version of pngHack

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
          <div class="section">
            
            <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24</pre>
            <pre class="sunburst">Element.addMethods({
  <span style="color:#89BDFF;">pngHack</span>: <span style="color:#99CF50;">function</span>(<span style="color:#3E87E3;">el</span>){
    <span style="color:#99CF50;">var</span> el <span style="color:#E28964;">=</span> <span style="color:#E28964;">$</span>(el);
    <span style="color:#99CF50;">var</span> transparentGifPath <span style="color:#E28964;">=</span> <span style="color:#65B042;"><span style="color:#65B042;">'</span>/images/transparent.gif<span style="color:#65B042;">'</span></span>;
    <span style="color:#E28964;">if</span> (Prototype.Browser.IE){
      <span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">/*</span> if it's an img and a png <span style="color:#AEAEAE;font-style:italic;">*/</span></span>
      <span style="color:#E28964;">if</span> ((el.<span style="color:#DAD085;">match</span>(<span style="color:#65B042;"><span style="color:#65B042;">'</span>img<span style="color:#65B042;">'</span></span>)) <span style="color:#E28964;">&amp;</span><span style="color:#E28964;">&amp;</span> (el.<span style="color:#CF6A4C;">src</span>.include(<span style="color:#65B042;"><span style="color:#65B042;">'</span>png<span style="color:#65B042;">'</span></span>))){
        <span style="color:#99CF50;">var</span> alphaImgSrc <span style="color:#E28964;">=</span> el.<span style="color:#CF6A4C;">src</span>;
        <span style="color:#99CF50;">var</span> sizingMethod <span style="color:#E28964;">=</span> <span style="color:#65B042;"><span style="color:#65B042;">'</span>scale<span style="color:#65B042;">'</span></span>;
        el.<span style="color:#CF6A4C;">src</span> <span style="color:#E28964;">=</span> transparentGifPath;
        <span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">/*</span> if it's an element with a background png <span style="color:#AEAEAE;font-style:italic;">*/</span></span>
      } <span style="color:#E28964;">else</span> <span style="color:#E28964;">if</span> (el.getStyle(<span style="color:#65B042;"><span style="color:#65B042;">'</span>background-image<span style="color:#65B042;">'</span></span>).include(<span style="color:#65B042;"><span style="color:#65B042;">'</span>png<span style="color:#65B042;">'</span></span>)){
        <span style="color:#99CF50;">var</span> elBg <span style="color:#E28964;">=</span> el.getStyle(<span style="color:#65B042;"><span style="color:#65B042;">'</span>background-image<span style="color:#65B042;">'</span></span>);
        <span style="color:#99CF50;">var</span> alphaImgSrc <span style="color:#E28964;">=</span> elBg.<span style="color:#DAD085;">slice</span>(<span style="color:#3387CC;">5</span>, elBg.<span style="color:#CF6A4C;">length</span> <span style="color:#E28964;">-</span> <span style="color:#3387CC;">2</span>);
        <span style="color:#99CF50;">var</span> sizingMethod <span style="color:#E28964;">=</span> <span style="color:#65B042;"><span style="color:#65B042;">'</span>crop<span style="color:#65B042;">'</span></span>;
        el.setStyle({ <span style="color:#65B042;"><span style="color:#65B042;">'</span>background<span style="color:#65B042;">'</span></span>: transparentGifPath });
      }
      <span style="color:#E28964;">if</span> (alphaImgSrc) el.runtimeStyle.filter <span style="color:#E28964;">=</span> <span style="color:#65B042;"><span style="color:#65B042;">'</span>progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&quot;#{alphaImgSrc}&quot;,sizingMethod=&quot;#{sizingMethod}&quot;)<span style="color:#65B042;">'</span></span>.interpolate({
        alphaImgSrc: alphaImgSrc, sizingMethod: sizingMethod
      });
    }
    <span style="color:#E28964;">return</span> el;
  }
});
</pre>
          </div>
        </div>

<a href="http://refactormycode.com/codes/153-pnghack" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://refactormycode.com/images/small_logo.gif" style="border:0" /></a>

counter free hit invisible