0

ページ上の div を強調表示できる効果を作成しようとしています (およびぼかしボディ)...

私のHTMLコード...

<div class="highlighter">content goes here</div>

jqueryコード...

$(document).ready(function () { 
   setTimeout(function() {
       $('body').css("background-color","black").fadeTo('fast', 0.3, function() {
           $('.highlighter').fadeTo('slow', 0.9);
       });

   }, 5000);
});

しかし、私のjqueryコードは期待どおりに機能していません。私がやろうとしていることは次のとおりです。効果はウェブサイトから削除され、ウェブサイトは通常どおり機能します。効果を達成するのを手伝ってください。助けてくれてありがとう。

4

1 に答える 1

0

これは、子要素の不要な不透明度の変更に関する問題ですか? body の不透明度を変更すると、div の不透明度も変更されるためです。

これを避けるには、別の div を作成し、ページ全体を覆うように絶対に配置し、不透明度を 0.2 に設定し、z-index に値 (1000 など) を割り当てます。次に、強調表示する div の z-index をそれより大きい値 (1001) に割り当てます。

于 2012-08-09T23:08:33.980 に答える