Thursday, June 17, 2010

CSS

If a transparent png image is to be used, IE deceives even it is transparent, so to hack IE following snippet is to be used:

<!--[if IE 6]>
<div ID="oDiv" STYLE="position:relative; height:150px; width:700px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/***.png', sizingMethod='scale');"> </div>
<![endif]-->

For the other browsers to bypass above snippet and work normally following is to be used where <span style="font-weight:bold;">***.png</span> is the name of transparent image.


<![if !IE]>
<img src="images/***.png" width="700" height="150">
<![endif]>

No comments:

Post a Comment