兼容各浏览器:CSS定义PNG透明效果
摘要:虽然有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图片透明效果并兼容各种浏览器,快点试试吧。
【兼容各浏览器:CSS定义PNG透明效果】相关文章:
★ 区别不同浏览器CSS hack:区分IE6,IE7,IE8,firefox
相关阅读
网友关注
网友最新关注视频
- 二年级下册数学第二课
- 第12章 圆锥曲线_12.7 抛物线的标准方程_第一课时(特等奖)(沪教版高二下册)_T274713
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 7
- 外研版八年级英语下学期 Module3
- 苏教版二年级下册数学《认识东、南、西、北》
- 冀教版小学数学二年级下册第二单元《余数和除数的关系》
- 8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
- 30.3 由不共线三点的坐标确定二次函数_第一课时(市一等奖)(冀教版九年级下册)_T144342
- 【部编】人教版语文七年级下册《过松源晨炊漆公店(其五)》优质课教学视频+PPT课件+教案,江苏省
- 七年级英语下册 上海牛津版 Unit5
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习