html5中文学习网

您的位置: 首页 > 视频教程 > CSS3视频教程 » 正文

兼容各浏览器:CSS定义PNG透明效果_Div+Css教程

[ ] 已经帮助:人解决问题

 虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用CSS定义PNG透明效果的方法,方法如下:PdsHTML5中文学习网 - HTML5先行者学习网

<style>PdsHTML5中文学习网 - HTML5先行者学习网
.mycls{PdsHTML5中文学习网 - HTML5先行者学习网
width: 48px;PdsHTML5中文学习网 - HTML5先行者学习网
height: 48px;PdsHTML5中文学习网 - HTML5先行者学习网
background: url(20090318230119136.png) no-repeat left top;PdsHTML5中文学习网 - HTML5先行者学习网
_background: none;PdsHTML5中文学习网 - HTML5先行者学习网
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="20090318230119136.png");PdsHTML5中文学习网 - HTML5先行者学习网
}PdsHTML5中文学习网 - HTML5先行者学习网
</style>PdsHTML5中文学习网 - HTML5先行者学习网
<body bgcolor="#CCCCCC">PdsHTML5中文学习网 - HTML5先行者学习网
<div class="mycls"></div>PdsHTML5中文学习网 - HTML5先行者学习网
</body>PdsHTML5中文学习网 - HTML5先行者学习网
用以上方法就能用CSS实现PNG图片透明效果并兼容各种浏览器,快点试试吧。
本文属网络教学基地原创,转载请注明:http://www.studynb1.com/css/156.html
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助