用CSS在IE中显示透明PNG图像
2006-04-11 16:40
489 查看
原文地址: blog.eshangrao.com/index.php/2005/10/02/43-cssiepng
IE的IMG标签一直显示不了PNG图像的透明背景,前几天在mximize.com看到一个解决的方法:使用AlphaImageLoader和Alpha滤镜通过CSS的方法显示透明的PNG图片
透明
不透明
![](http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png)
<html>
<head>
<title>alpha image</title>
<style type="text/css">
.pngholder{
width:100px;
height:100px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png');
}
.pngalpha{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
background:url(http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png) no-repeat;
width:100px;
height:100px;
}
</style>
</head>
<body bgcolor="#3399ff#">
<!- And this is your code to implement the image ->
<div>透明</div>
<div class="pngholder"><div class="pngalpha"></div></div>
<div>不透明</div>
<img src="http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png"/>
</body>
</html>
IE的IMG标签一直显示不了PNG图像的透明背景,前几天在mximize.com看到一个解决的方法:使用AlphaImageLoader和Alpha滤镜通过CSS的方法显示透明的PNG图片
透明
不透明
![](http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png)
<html>
<head>
<title>alpha image</title>
<style type="text/css">
.pngholder{
width:100px;
height:100px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png');
}
.pngalpha{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
background:url(http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png) no-repeat;
width:100px;
height:100px;
}
</style>
</head>
<body bgcolor="#3399ff#">
<!- And this is your code to implement the image ->
<div>透明</div>
<div class="pngholder"><div class="pngalpha"></div></div>
<div>不透明</div>
<img src="http://www.misuisui.com/weblog/attachments/200510/03_124401_ie.png"/>
</body>
</html>
相关文章推荐
- IE CSS Bug系列:链接图像透明部分不可点击
- 用 javascript 修复 IE 下 PNG 图片不能透明显示的方法
- 关于IE中显示PNG背景透明图片以及链接失效的总结
- NGUI显示带透明图层的PNG,图像显示错误
- 几个ie6样式兼容性:1px高的块容器、PNG透明图像、负边距时后遮盖前、边框不显示等问题
- PNG透明图片在IE游览器中也能正确显示
- 用 javascript 修复 IE 下 PNG 图片不能透明显示的方法
- 【html+css3】在一张jpg图片上,显示多张透明的png图片
- IE6下透明PNG图片的显示
- IE和FF显示png图片透明的解决方案
- png透明图片在ie6正常显示的纯css解决办法
- PNG透明图片在IE游览器中也能正确显示
- 完美兼容IE及Firefox的PNG背景透明CSS代码
- ie如何支持png-在IE浏览器中正确显示PNG透明
- png透明图片,ie下的怪异模式,无法显示的解决方法
- 专门给 ie6,ie5.5 准备的显示24色透明png 的样式脚本
- 让IE显示透明的PNG图片
- css ie6 png透明背景之js解决方案
- 适用ie/firefox的透明css
- 【转】OpenCv图像叠加时png图片的透明部分无法透明的解决办法