0

ここに示す CSS を使用して、Web ページにオーバーレイ効果を適用しています。

.jqifade{
    position: relative; 
    background-color: #000000; 
    height:2315px !important; /*set to page height*/
}

この CSS は、後で JS で 30% の不透明度に設定された色 (黒) で Web ページ全体をオーバーレイします。id="noOverlay"CSS がこの div に適用されないように、div を除外したいと思います。これは可能ですか？もしそうなら...どのように??

4

2 に答える 2

0

その特定の要素の z-index をオーバーレイよりも高くすることができる場合があります。また、オーバーレイについては、不透明度に rgba を使用することを検討してください。

.jqifade{
    position: relative; 
    background-color: rgba(255, 255, 255, .3); 
    height:2315px !important; /*set to page height*/
}

これとのブラウザの互換性に注意してください。

于 2012-05-18T14:47:46.810 に答える
0

最も簡単な解決策は、id noOverlayの div からクラスjqifadeを削除することです。

$("#noOverlay").removeClass("jqifade").

または、CSS3 :not セレクターを使用します (最新のすべてのブラウザーで動作します):

.jqifade:not(#noOverlay) {}

編集: 別の解決策: jQuery を使用して CSS スタイルを適用します。

$(".jqifade:not(#noOverlay)").css(...)
于 2012-05-18T13:33:25.877 に答える