のjQuery（ "＃ラッパー"）のcss（{不透明度：0.5}）。

Question

私はソリッド色で#wrapperdivに不透明度を適用：

jQuery("#wrapper").css({ opacity: 0.5 }) 

これはうまく動作しますが、私はしたくありません子のdivは不透明度を継承します。 PNGの透明度ハックを使用しないでこの動作を回避するにはどうすればよいですか？

Answer 1

不透明度は常に子孫要素によって継承されます。それを避ける方法はなく、jQueryによるものではありませんが、不透明度の仕組みです。

Answer 2

要素（および子要素）を複製してオフセットを取得します。そして元の要素では、すべての内部要素を非表示にします。今度は不透明度を設定します。クローンされた要素で、元の要素の上に配置します（位置とオフセットを使用します）。しかし、今回はクローンされた要素の背景を非表示にします。