document.write('<div class="javascript" style="font-family: monospace;"><br />');
document.write('<br />');
document.write('<span style="color: #003366; font-weight: bold;">function</span> applyTransparencyHack<span style="color: #66cc66;">&#40;</span>element<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//create the background container</span><br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> backContainer = $new<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">\'DIV\'</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//apply the same location, dimension and background properties of the element</span><br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; backContainer.<span style="color: #006600;">style</span>.<span style="color: #006600;">width</span> = element.<span style="color: #006600;">style</span>.<span style="color: #006600;">width</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; backContainer.<span style="color: #006600;">style</span>.<span style="color: #006600;">height</span> = element.<span style="color: #006600;">style</span>.<span style="color: #006600;">height</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; backContainer.<span style="color: #006600;">style</span>.<span style="color: #006600;">background</span> = element.<span style="color: #006600;">style</span>.<span style="color: #006600;">background</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; backContainer.<span style="color: #006600;">style</span>.<span style="color: #006600;">opacity</span> = element.<span style="color: #006600;">style</span>.<span style="color: #006600;">opacity</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; backContainer.<span style="color: #006600;">style</span>.<span style="color: #006600;">position</span> = <span style="color: #3366CC;">\'absolute\'</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; backContainer.<span style="color: #006600;">style</span>.<span style="color: #006600;">top</span> = element.<span style="color: #006600;">style</span>.<span style="color: #006600;">top</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; backContainer.<span style="color: #006600;">style</span>.<span style="color: #006600;">left</span> = element.<span style="color: #006600;">style</span>.<span style="color: #006600;">left</span>;<br />');
document.write('&nbsp;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//remove background definitions from the element</span><br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; element.<span style="color: #006600;">style</span>.<span style="color: #006600;">background</span> = <span style="color: #3366CC;">\'\'</span>;&nbsp; <br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; element.<span style="color: #006600;">style</span>.<span style="color: #006600;">opacity</span> = <span style="color: #CC0000;">1</span>;<br />');
document.write('&nbsp;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//now append the background container before the element</span><br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; element.<span style="color: #006600;">appendBefore</span><span style="color: #66cc66;">&#40;</span>backContainer<span style="color: #66cc66;">&#41;</span>;<br />');
document.write('<span style="color: #66cc66;">&#125;</span><br />');
document.write('<br />');
document.write('&nbsp;</div>');
document.write('<br />&nbsp;<br /><div style="font-size: 12px">Brought to you by the community at <a href="http://www.bytemycode.com/snippets/snippet/760/1/" target="_blank">byteMyCode</a>.</div>');
