特定の条件が発生したときに動的に表示するdivがあります。CSSでオーバーレイを作成していますか？
divを表示すると、バックグラウンドの調光効果と私のdivが目立つように見える効果をどのように作成できますか？多くのAJAXライトボックスやポップアップによく似ています。 （Thickbox、ColorBox、PrettyPhotoなど）
私はまったくそれをやっていません。私はその部分以外は自分のカスタムコードで作業しています。
どのように私が学ぶのを手助けできますか？
コンテンツにdivを配置し、不透明度を設定します。私は私のサイトの一つでこれを使用します。あなたのページの全幅&高さである層を作成し、それをあなたのページ全体よりも高いのzインデックスを与えると
<div id="error_wrapper">
<div id="site_error">
Error:
</div>
</div>
div#error_wrapper {
z-index: 100;
position: fixed;
width: 100%;
height: 100%;
background-color: #000000;
top: 0px;
left: 0px;
opacity: 0.7;
filter: alpha(opacity=70);
}
div#site_error {
position: fixed;
top: 200px;
width: 400px;
left: 50%;
margin-left: -200px;
}
することは、あなたがこの効果を作成することができます。その後、あなたの上に表示されるdivを配置します。
ただ、他のコンテンツをカバーするためにページのサイズのグローバルなdiv要素を使用します。ここでは
私が間違っている場合は私を修正しますが、この方法では現在のウィンドウの下にあるサイトのコンテンツを引き続き使用することができます。したがって、下にスクロールすると、一部のコンテンツが表示されます。固定したポジションを使う方がいいと思います。 –
@Markあなたは正しいかもしれませんが、私は今実際のコードにアクセスすることはできません。 –
多くのウェブサイトで「ライトを薄暗くする」機能に似たものをお探しですか？ページのコンテンツが暗くなり、video/divが明るくなっている場所はどこですか？それは、目に見えないレイヤーを選択したdivの100％の幅と高さに配置し、残りのページコンテンツの上に配置することです。そのレイヤーには黒の背景があり、不透明度はフェードインに変わります。 – Brady
暗いライトのjqueryを検索すると、これは私が見つけた1つのリンクです：http://www.ajaxupdates.com/lights-out-dimming-covering-background- content-with-jquery/ – Brady