ie6下png透明解决方案 完美支持background position
相信如何解决png在ie6下透明的问题困扰了很多人。为了追求更好的页面效果,很多人喜欢使用png格式的图片,恰恰因为ie6下png图片的透明问题,很多人不得不退而求其次地改用gif格式的图片。今天就来介绍一个ie6下png透明的解决办法,支持background(含position、repeat)、img src。
-
DD_belatedPNG简介:
DD_belatedPNG是一个免费的js库,它的作用是让png格式图片在ie6下透明,支持<IMG>中的src元素;在背景应用上支持css的background-image属性,当然包含最重要的是支持background-position和background-repeat,对于喜欢CSS Spirit的人来说是个好消息。
-
实现原理:
使用Microsoft VML替代AlphaImageLoader滤镜,好处就是支持position和repeat,完美支持实现流行的CSS Spirit(CSS雪碧)。
-
使用方法:
在<header>与</header>之间添加如下代码:
<!--[if IE 6]>请将.class和#id改成你的class和id,并支持多个class和id
<script src="DD_belatedPNG.js"></script>
<script>
??/* EXAMPLE */
??DD_belatedPNG.fix('.class, #id');
</script>
<![endif]-->
-
下载地址:
查看作者页面
声明:原创博客,转载请注明 吓我一跳
你懂的 不多说
记得以前我都是糖果赋予颜色值来实现透明的
IE6要淘汰了吧
@先看看
我是想让ie6淘汰,可是每天ie6访问量占到近80% 实属无奈啊
呵呵,看来很多人还停留在ie6上。
俺用的是ie8呵呵
不错的主题哦。ie下好多主题惨不忍睹……
这个东西很给力哦
很好的方法,学习了。