很久没写css了，遇到一个png透明logo折腾了我很久，也怪以前的页面直接不考虑透明的问题。在网上找到几种办法，有用css实现的，有些是用js实现，用js感觉大材小用了，能用纯css解决就css吧，这里感谢蓝莓公主的帮助。以下的两种方法都是尝试过可行的，不过在我的虚拟机下的ie6图片完全透明了，不知道是不是我虚拟机的问题。
先将图片存为 png-24 透明格式。
(图片要绝对路径)
方法一：用png图作背景
要注意hack
html代码
css代码
.logo { width: 338px; height: 57px; float: left; url( /images/logo.png) 0px 0px no-repeat!important; text-indent: -1000px; _background-image: none; filter:progid:dximagetransform.microsoft.alphaimageloader(src=\’#\'” /images/logo.png’, senabled=’true’, sizingmethod=’scale’); }
标准：_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\’#\'” /templets/dyimgs/wymrs/images/logo.png’, enabled=’bEnabled’, sizingMethod=’image’);
方法二：插入png图片，定义img
这个方法要准备一完全透明的图片transparent.gif，大小随意。
html代码
css代码
.logo { width: 338px; height: 57px; float: left; }
.logo img { width: 338px; height: 57px; }
/* png 透明 兼容 ie6 */
.logo img {
azimuth: expression(
this.pngSet ? this.pngSet = true:(this.nodeName == “IMG” && “http://blog.51cto.com/viewpic.php?refimg=” + this.src.toLowerCase().indexOf(‘.png’)>-1 ? (this.runtimeStyle.backgroundImage = “none”,
this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\’#\'” //qianduangcs.blog.51cto.com/2624849/” + “http://blog.51cto.com/viewpic.php?refimg=” + this.src + “‘, sizingMethod=’image’)”,
“http://blog.51cto.com/viewpic.php?refimg=” + this.src=\’#\'” /images/transparent.gif”):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace(‘url(“‘,”).replace(‘”)’,”),
this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\’#\'” //qianduangcs.blog.51cto.com/2624849/” + this.origBg + “‘, sizingMethod=’crop’)”,
this.runtimeStyle.backgroundImage = “none”)),this.pngSet=true
);
}
有时候超链接加了这个透明滤镜，然后页面上所有超级连接 全点不到了 ，解决办法是：
给a加上position:relative;
立即学习“前端免费学习笔记（深入）”；
不过这里要提醒你，你这里的image路径是相对路径，那么值得注意的是，这个相对路径是根据html相对的，而不是CSS。
以上就是使用css解决png透明图片在ie6正常显示的方法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1608345.html
微信扫一扫 
支付宝扫一扫 
