针对LOGO的半透明图片的显示

最新推荐文章于 2020-11-18 11:55:47 发布

Arther90

最新推荐文章于 2020-11-18 11:55:47 发布

阅读量1.4k

点赞数

分类专栏：浏览器兼容

本文链接：https://blog.csdn.net/Arther90/article/details/8574510

版权

浏览器兼容专栏收录该内容

3 篇文章 0 订阅

订阅专栏

向往常一样插入图片，然后用IE的特有属性_display:none;将图片隐藏，但在其它浏览器就隐藏不了，然后用IE的滤镜在一个事先准备好的span里面插入PNG24图片。

<!DOCTYPE html>
<head>
<metacharset="gb2312">
<title>针对LOGO的半透明图片的显示</title>
<styletype="text/css">
#logo{width:400px;height:313px;position:relative;float:left;}
#logo img{margin:27px 0 0 124px;_display:none;/*在IE6下将PNG图片隐藏*/}
/*修复IE6下PNG-24的BUG*/
#logo #IE_PNG_BUG{width:158px;height:159px;position:absolute;left:124px;top:27px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod='scale');}
</style>
<body>
<divid="header">
<divid="logo">
<imgsrc="images/logo.png"alt="武魂"/>
<spanid="IE_PNG_BUG"></span>
</div>
</div>
</body>
</html>