ie6 transparency problem


Recently i faced a problem where my image which was used for the shadow effect,dint display the transparent side.Going thru various fixes on net,got a solution that fixed ma problem.

//Code

I placed a blank.gif wid a height n width of the shadow image.

<div class=”shadow”> <img src=”/img/blank.gif” width=”the width of the image” height=”the width of the image” border=”0″></div>

//css

Den in the css

.shadow{
width:” ” ; //width of the image

height:” ” ; //height of the image

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../img/img.gif)’, sizingMethod=’scale’); // @src ,giv the path to the shadow (transparent) image

}

before the fix

after the fix

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s