在Internet Explorer 7及以上版本、Firefox中实现半透明效果的方法很简单:
body {
background:#fff url(bg.jpg) no-repeat 0 0;
text-align:center;
}
div {
width:80%;
margin:0 auto;
text-align:left;
padding:7px;
background-image:url(tran.png);
}
在Internet Explorer 6中实现半透明效果就没有这么简单了,我们需要做更多的设置:
* html div {
width:80%;
height:auto;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale, src="tran.png");
background:none;
}
html>body div{
background: url('tran.png') no-repeat 0 0;
}
http://www.dudo.org/