2011-01-11 10 views
13

jQuery('#selector').css({'opacity':50});クロスブラウザはありますか?jquery opacity cross browser?

その下の行は、我々は通常、CSSに使用したいので、私は尋ねる唯一の理由はある

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

答えて

26

これはおそらく良いです:

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

'css({opacity:50})'は必ずしもうまくいかないが、クロムではうまくいないが、 'fadeTo'でいい。 – Val

+0

これはほとんど同じではない。クロスブラウザーの方法でも、アニメーション化されます。 CSS3の時代には、これはCSSの移行のために望ましくないかもしれません。 –

+2

@ RobertKoritnik、そのような主張をする前にAPIをチェックしてください。ここでの最初の引数は**アニメーションがないことを意味します**アニメーション。また、私は接続がどのように移行するのか分かりません。誰も尋ねられなかった。さらに、これは1年以上前に明確に掲載されていますが、それでも、CSS3の年齢はCSS3に対応していないと考えています。 – davin

0

jQueryのは、CSSの不透明度タグ限り、心の中でクロスブラウザの互換性で設計されているのでブラウザでサポートされていれば、あなたのjQueryコードはクロスブラウザです。 (まだ試しましたか?jsfiddle.netにお問い合わせください)

詳細については、W3Schools page on opacityをご覧ください。そこにさまざまなブラウザを使い、それが動作するかどうかを確認してください。 (それはすべての3つの主要なブラウザで私の作品のように見えます。)

+4

こんにちは、これは古い投稿ですが、W3Schoolを信頼したり引用したりしないでください。参照:http://w3fools.com/ – megaflop

+2

100%正解、@daiscog。私は若くて馬鹿だった。 (今私はW3Schoolの結果をブロックしています)実際、私の方法の誤りについて私を修正したのは事実でした。私は今よりスマートです。 ;) – JasCav

4

はい、それはCSSの不透明度やIEの不透明度フィルタを設定します。