兼容各浏览器:CSS定义PNG透明效果
虽然有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图片透明效果并兼容各种浏览器,快点试试吧。
.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图片透明效果并兼容各种浏览器,快点试试吧。
本文网址:https://www.dedexuexi.com/divcss/llqjr/2183.html
本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。