兼容各浏览器:CSS定义PNG透明效果
发布时间:2015-05-12 来源:查字典编辑
摘要:虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用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图片透明效果并兼容各种浏览器,快点试试吧。
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
- 微软称Windows 10周年更新几乎准备就绪 8月2日正式推出
- Win10系统如何去掉Windows凭证?Win10管理凭证图文教程
- Win10系统桌面一直刷新怎么办?Win10桌面一直在刷新导致电脑无法正常使用的解决方法
- win7电脑老是自动重启怎么回事?win7电脑老是自动重启的解决办法
- 如何解决WinXP电脑IE提示“此选项卡已经恢复”
- win7系统无法登录阿里旺旺怎么办?win7系统电脑无法登录阿里旺旺聊天的多种解决方法
- Win10一周年更新正式版该怎么激活?
- Win10 64位系统下火狐浏览器打开带flash网页卡死的解决方法
- win8.1系统HDMI高清线连接电视后没有声音的原因及解决办法
- Win7穿越火线FPS不稳定问题的五种解决方法
最新 Div+Css教程学习
热门 Div+Css教程学习