[英]Jquery and IE8 animate opacity solution
我试图用Jquery动画不透明度,它在每个浏览器中工作正常,除了,你猜它可怕的IE8 !
问题:在动画上我看到一些丑陋的文物:(
我知道我可以通过删除背景并为我的动画div和我的容器div添加相同的背景颜色来解决这个问题,但在我的情况下它不是一个选项。
有人可以建议解决这个问题吗? 我的代码:
$(document).ready(function() {
$(".img").animate({
opacity: 0
});
$(".glow").click(function() {
$(".img").animate({
opacity: 1
}, 5000);
});
});
通过在我的CSS中添加IE过滤器,我已经部分解决了这个问题( 现在好多了,没有黑晕)。
这一天失去了一整天,所以我希望它会帮助一个比我更幸运的人:)
.img{
display:block;
width:230px;
height:300px;
owerflow:hidden;
position:relative;
outline:none;
/*Notice (ugly) IE filter here and Source to my PNG image */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.robertpeic.com/glow/glow.png) alpha(opacity=0);
background:none;
margin:0px auto;
padding-top:10px;
}
这就是你在IE7和IE8中用alpha透明度改变图像的不透明度时得到的结果。 还有一个问题与jQuery相同的IE GIF / PNG透明度问题
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.