/ Published in: CSS
This is a 3 liner to use PNG images that contain alpha in IE6... fairly simple. First line is any styles we want to apply, including height and width. Second line we use alphaimageloader to load the PNG for ie6. The third line is for every other browser. This could also be done without the need for CSS hacks if you are going to have an IE6 specific stylesheet.
Expand |
Embed | Plain Text
/* This is a 3 liner to use PNG images that contain alpha in IE6... fairly simple. First line is any styles we want to apply, including height and width. Second line we use alphaimageloader to load the PNG for ie6. The third line is for every other browser. This could also be done without the need for CSS hacks if you are going to have an IE6 specific stylesheet. */ #myPngImageBox { height:200px; width:200px; /* put any other styles here */ } * html #myPngImageBox /* for Old IE */ { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myImage.png'); } * > #myPngImageBox /* for Good Browsers */ { url(myImage.png) no-repeat; }
You need to login to post a comment.
