0

私はこのサイトに取り組んでいますhttp://www.group---me.my/national/

URL の --- を削除してください。

特定の取引にはオプションがあり、BuyNow ボタンをクリックするとポップアップが表示されます。ポップアップが表示されている間、背景を薄暗くしたいです。

これを行うために、ローカルのテスト サイトに次の div クラスを追加しました。

    .overlay{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 333%;
        background-color: black;
        z-index: 20;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

次に、[今すぐ購入] ボタンに、 

    onclick="javascript:document.getElementById('fade').style.display='block';"

これもサイトに載ってます

    <div id="fade" class="overlay"></div>

しかし、問題は、ポップアップ div の z-index をどれだけ高く設定しても、オーバーレイはポップアップを含むすべてのレイヤーを常に非表示にすることです。

どんな助けでも大歓迎です。ありがとう。

4

2 に答える 2

0

どのブラウザですか？どのバージョン。私はここでそれを取得しています。隠れるべきですよね？

ここに画像の説明を入力してください

そしてそれは目立つ。ここで何をしたいですか？

于 2012-10-11T06:41:53.807 に答える
0

相対配置する親要素を指定しない場合、オーバーレイdivは本体に対して相対配置されるため、他のすべてのコンテンツの上に配置できます。

于 2012-10-11T06:46:21.210 に答える