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);

posted @ 2008-08-26 17:40  taodesign  阅读(460)  评论(0编辑  收藏  举报