jquery css opacity跨浏览器性能

时间:2013-02-28 15:34:33

标签: jquery css performance cross-browser opacity

我需要改变DIV的不透明度(如果它有所不同,可能包含图像)。通常会使用

$('#id1').css('opacity', opacity1);
$('#id2').css('opacity', opacity2);
...
$('#idN').css('opacity', opacityN);

但是如果我有很多DIV,性能下降很多,特别是在IE中。 所以我的问题是如何提高性能? (跨浏览器解决方案,使用jQuery是可选的)

PS:opacity1,opacity2等总是不同的,并在脚本开头生成。事实上,它们随着时间而变化......所以使用课程可能很困难,对吧?所有DIV都已缓存(此处未显示),因此唯一的性能限制步骤是css.opacity。由于某些原因,我无法按照Kevin

的建议重新附加父元素

1 个答案:

答案 0 :(得分:0)

据我了解,我认为可以通过css完成,并根据需要用jQuery替换ID。 你只需要为IE浏览器使用过滤器,如下所示。

#id1 {opacity:0.4; filter:alpha(opacity=40);}
#id2 {opacity:0.6; filter:alpha(opacity=60);}
#id3 {opacity:0.8; filter:alpha(opacity=80);}