兼容各浏览器: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图片透明效果并兼容各种浏览器,快点试试吧。
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
- CDR(CorelDraw)制作突出广告中数字的折页封面实例教程
- 索尼z1 mini怎么样?索尼xperia z1 mini跑分曝光
- 2014年最值得期待的智能手机大盘点 2014购手机指南
- 支付宝钱包推出12306公众服务号 支付宝买车票
- 2013年10大智能手机排行(全美):猜不到的第一
- 4G网络什么时候普及?中国移动4G普及还需等多久?
- CorelDraw(CDR)制作漂亮喜庆的射线状欢度国庆立体字
- 华为荣耀3x如何预订?在哪预订?华为荣耀3x预定官网网址汇总
- 三星Galaxy Note10.1系列使用画中画功能实现发短信或处理其它应用
- bluetooth外围设备找不到驱动程序现象的解决方法介绍
最新 Div+Css教程学习
热门 Div+Css教程学习