Transparent PNG Image Problem in Internet Explorer
Internet Explorer is the main thread for Browser Independent web Solution. Everyperson working with Javascript, css and Image fall into this problem. Among them PNG Image Problem is one of them. The transparent image will work in FireFox but not in IE.Â
To Solve this you can use the Following Code: (place this code in your HTML Head Tag)
#gohome img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#gohome img { display: inline-block; }
#gohome { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/browser.png'); }
EXAMPLE:
#span_id img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#span_id img { display: inline-block; } For Multiple img, write the span_id separated by Comma(,):
EXAPMPLE:#span_id img, span_id2 img, span_id3 img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#span_id img, span_id2 img, span_id3 img { display: inline-block; }
then deine the each image as follows:
EXAPMPLE:
#span_id { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgeSource'); }
#span_id2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgeSource'); }
See the Example in the attachment.
Add New Comment
Thanks. Your comment is awaiting approval by a moderator.
Do you already have an account? Log in and claim this comment.
Add New Comment
Trackbacks