2011-01-11 56 views
13

是否是jQuery('#selector').css({'opacity':50});的跨瀏覽器?jquery不透明跨瀏覽器?

我問的唯一原因是因爲低於該行我們通常CSS的使用

-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;

回答

26

這可能是更好:

$(element).fadeTo(0, 0.5);
0

因爲jQuery是設計時考慮了跨瀏覽器的兼容性,只要CSS不透明標籤在瀏覽器中支持,那麼,是的,你的jQuery代碼是跨瀏覽器的。 (您是否嘗試過?您可以前往jsfiddle.net查看是否是。)

欲瞭解更多信息,這裏是W3Schools page on opacity。帶着各種瀏覽器去看看它是否有效。 (這看起來像我的作品在所有三個主要的瀏覽器)。

+4

嗨,我知道這是一箇舊帖子,但我只想補充,請不要相信或引用W3Schools。請參閱:http://w3fools.com/ – megaflop 2013-01-14 15:59:24

+2

100%正確,@daiscog。我年輕而愚蠢。 (我現在阻止了W3School的結果。)事實上,這是糾正我錯誤的方式。我現在更聰明瞭。 ;) – JasCav 2013-01-14 22:09:33

4

是的,它設置的CSS不透明或IE的不透明度濾波器。