jquery 动画不透明度无法跨浏览器工作

Question

我知道这个问题已经被问过，但答案始终是 animate() 处理 opacity:0 和 filter:alpha(opacity=0) 之间的跨浏览器差异，在这种情况下不是这样......

我有这个 div

.entry
{
opacity:0.4;
filter:alpha(opacity=0);
}

和这个 jquery

<script>
$(document).ready(function(){
    setTimeout(function(){
    $('.entry').animate({opacity:'1'},700);
    },1000);
});
</script>

文本在 IE 中保持不可见 alpha(opacity=0)，在 chrome 和 firefox 中工作 可以在示例域查看。

编辑 我尝试过引用和取消引用 opacity:'1' 没有帮助

fadeIn() 不是一个选项，因为我需要保持 div 相同的高度，而且我不能太多地改变 CSS 来保持相同的高度，因为它弄乱了我的手风琴菜单。

谢谢，这就是最终工作的x浏览器，

<script>
$(document).ready(function(){
    $('.entry').css({'opacity':0, 'filter':'alpha(opacity=0)'});
    setTimeout(function(){
    $('.entry').animate({opacity:'1'},700);
    },1000);
});
</script>

不知道为什么你必须像这样在 'opacity':0, 'filter':'alpha(opacity=0)' 周围使用引号，但这是唯一的方法它起作用了。

我还必须将它放在 id# 元素上的不同 jquery 高亮效果之后。当它被放置在我的标题中的该函数之前时，它使该函数无法工作。也许与 css() 函数有关？

Answer 1

为了代码一致性和消除跨浏览器问题，还可以使用 jQuery 而不是 CSS 设置初始不透明度...

<style>
    .entry {
    }
</style>

<script>
$(document).ready(function(){
    $('.entry').css({opacity: 0.4});
    setTimeout(function(){
    $('.entry').animate({opacity: 1},700);
    },1000);
});
</script>

Answer 2

不确定这是否适用于较旧的 IE 版本，但它适用于 IE9 上的 IE 7 模式...

Filter:alpha(opacity=#) 对于 IE 来说是 0-100，因此将其设置为 1 可能只是设置它到... 1，当你想要它为100时。

我只是尝试制作这个jsFiddle： http://jsfiddle.net/N6GBU/1/，div 文本淡入（无论如何在 IE9 上）...我刚刚向动画添加了过滤器。我不确定这是否是你真正想要的……