关注互联网发展,为用户创造价值! @spritexue

3七/0815

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

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

  1. <title>关于PNG图片透明的兼容性</title>
  2.  
  3. body {
  4. background:#666666;
  5. margin:auto;
  6. padding:20px;
  7. }
  8. .pngfix {
  9. float:left;
  10. width:16px;
  11. height:16px;
  12. }
  13. .cross {
  14. background:url(cross.png) no-repeat; /* ff */
  15. _background:#666; /* IE6 only */
  16. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='cross.png', sizingMethod='image'); /* IE6 only */
  17. }
  18. .accept {
  19. background:url(accept.png) no-repeat; /* ff */
  20. _background:#666; /* IE6 only */
  21. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='accept.png', sizingMethod='image'); /* IE6 only */
  22. }
  23.  
  24. <!--[if lte IE 6]&gt;<script type="text/javascript" src="pngfix.js"></script>&lt;![endif]-->
  25.  
  26.  
  27. <span class="pngfix cross"></span>
  28. <span class="pngfix accept"></span>
  29. <div><img></div>

点击这里可以查看效果。

喜欢这个文章吗?

考虑订阅我们的RSS Feed吧!

标签: , 发表评论
评论 (15) 引用 (0)
  1. 你好,pngfix.js文件在哪里?

  2. 心情舒畅,先送杯热茶给楼主,慢慢享用,别客气

  3. 已经达到了忘我的境界了呵呵。

  4. 泡妞技巧来我博客看看

  5. 你这文章很丰富,大家一定要转告转告。

  6. 来做沙发了。

  7. 博主模板很漂亮!

  8. 2009年度淘宝最畅销减肥产品,销量排名

  9. 路过,博客不错!

  10. 2010排行榜恭祝你的博客越办越好,TOP上榜,好运滚滚来

  11. 来我的捡吧看看吧。看能捡到什么吧

  12. 文章不错,模板也挺不错的。

  13. 写的不错,支持,顶一下


Leave a comment

(required)

以新浪微博帐号登录

还没有引用.