雖然有CSS有很多方法能實現PNG圖片透明效果,但在各浏覽器中的兼容效果卻不好,小編找到了一個能兼容各浏覽器用CSS定義PNG透明效果的方法,方法如下:
<style>
.mycls{
width: 48px;
height: 48px;
background: url(20090318230119136.png) no-repeat left top;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="20090318230119136.png");
}
</style>
<body bgcolor="#CCCCCC">
<div class="mycls"></div>
</body>
用以上方法就能用CSS實現PNG圖片透明效果並兼容各種浏覽器,快點試試吧。
本文屬網絡教學基地原創,轉載請注明:http://www.studynb1.com/css/156.html