请问jpg图片应该怎么实现跨浏览器半透明啊?

显示全部楼层 · 2011-4-11 17:14:25

请问大家一个问题：jpg图片应该怎么实现跨浏览器半透明啊？主要是IE6里不能半透明……
我看到网上挺多资料写，可以用jQyery: $('img').css({"opacity": "0.5"});但我测试了一下，IETester里的IE6还是没有半透明，其它浏览器可以。我想过是不是我用的jQuery.js版本有问题，待我换了几个不同版本的jQuery.js再进行测试，情况还是一样……
另外，我在IETester上看过，jQuery的.fadeTo(1000, 0.5)方法似乎在IE6里没有淡出的动画效果，我想.fadeTo()是通过改变元素（比如图片）的透明度来实现淡出的效果的，这是不是.fadeTo()方法在jQuery.js里没有处理好IE6里的透明度问题……？
我知道啦，下面由我自己来回答吧，供各位参考(当然可能也有错误)：
1.css滤镜:filter:alpha(opacity=50)---------for IE
网上说css滤镜"filter:alpha(opacity=50)"支持IE浏览器，我在IETester里测试了一下，IE6不行！
猜测一：IE6浏览器不支持"filter:alpha(opacity=50)"；
猜测二：我的IETester的IE6有问题；
我卸了IETester重装了一次，结果还是一样。。。然后我去学校机房，给学校机子装了IETester，看了看IE6半透明了！请教高手，高手A说IEtester的IE6不支持滤镜，而IE6浏览器本身支持；而高手B却说他/她的IEtester的IE6就能半透明。所以我猜想，IEtester跟电脑系统有关（欢迎否定～），而IE6浏览器本身是支持css滤镜:filter:alpha(opacity=50)的！
2.jQyery: $('img').css({"opacity": "0.5"});以及jQuery的.fadeTo(1000, 0.5)方法应该是同理的吧。我的IEtester的IE6不支持，而IE6浏览器本身是支持半透明及动画效果的。
总结：
不要轻信IETester！

千问 · 2011-4-11 17:14:25

只用CSS就行