终于彻底解决了png的透明问题

Posted on 2008年07月3日 by sprite

之前解决png在IE6下的透明解决方案，总是在png使用背景或者src的时候能用，组合在一起就会有问题，今天终于彻底解决这一问题。

<title>关于PNG图片透明的兼容性</title>
body {
background:#666666;
margin:auto;
padding:20px;
}
.pngfix {
float:left;
width:16px;
height:16px;
}
.cross {
background:url(cross.png) no-repeat; /* ff */
_background:#666; /* IE6 only */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='cross.png', sizingMethod='image'); /* IE6 only */
}
.accept {
background:url(accept.png) no-repeat; /* ff */
_background:#666; /* IE6 only */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='accept.png', sizingMethod='image'); /* IE6 only */
}
<span class="pngfix cross"></span>
<span class="pngfix accept"></span>
<div><img></div>

点击这里可以查看效果。

This entry was posted in 技术研究 and tagged CSS, JS. Bookmark the permalink.

boyuan says:

2009年12月4日 at 12:22 下午

你好，pngfix.js文件在哪里？
バイアグラ says:

2009年12月10日 at 3:46 上午

心情舒畅，先送杯热茶给楼主，慢慢享用，别客气
QQ牧场外挂 says:

2009年12月10日 at 8:56 下午

已经达到了忘我的境界了呵呵。
泡妞 says:

2009年12月10日 at 9:37 下午

泡妞技巧来我博客看看
优酷网看电影 says:

2009年12月11日 at 12:59 上午

博主的文采很OK。
sprite says:

2009年12月11日 at 9:45 上午

http://www.allsprite.com/apps/png/pngfix.js
盖特威 says:

2009年12月12日 at 10:34 下午

你这文章很丰富，大家一定要转告转告。
北山 says:

2009年12月13日 at 4:04 下午

来做沙发了。
小朋 says:

2009年12月13日 at 11:35 下午

博主模板很漂亮！
减肥吧 says:

2009年12月14日 at 11:11 上午

2009年度淘宝最畅销减肥产品，销量排名
代写 says:

2009年12月14日 at 4:58 下午

路过，博客不错！
2010排行榜 says:

2009年12月15日 at 1:29 上午

2010排行榜恭祝你的博客越办越好，TOP上榜，好运滚滚来
捡吧 says:

2009年12月19日 at 12:56 上午

来我的捡吧看看吧。看能捡到什么吧
侠盗 says:

2009年12月19日 at 11:47 下午

文章不错，模板也挺不错的。
流量计 says:

2009年12月21日 at 9:47 上午

写的不错，支持，顶一下