ie6 ie7 firefox 透明图片 透明div
图片
html:
<body> <div class=”flower”></div> </body>
css:
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
上面给Firefox,要让其在IE6下面正常显示,在<head>和</head>之间写入:
<!–[if gte IE 5]>
<style type="text/css">
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
原文:http://parandroid.com/how-to-make-transparent-picture-of-the-png-format-in-ie6-under-normal-display/
div 层
css:
background: #000000 none repeat scroll 0% 50%;
bottom: 0;
color:#FFFFFF;
opacity: 0.6;
filter: alpha(opacity=60);