0

CSS ライトボックスを使用して、ニュースレターの購読機能を表示しています。ポップアップは、IE 6 (black_overlay) を除くすべてのブラウザーで正常に動作します。背景色と不透明度が表示されません。

ポップアップ表示に使用しているスタイルを以下に示します。

    .black_overlay{
        position: relative;
        top: 0px;
        left: 0px;
        width: 400px;
        height: 300px;
       min-height: 900px;
       height:auto !important;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80); }

         .white_content {
        display:none;
        position: relative;
        top: 100px;
        left: 50px;
        width: 500px;
        height: 300px;
        min-height: 400px;
        height:auto !important;
        padding: 16px;
        border: 16px solid #999;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }

もう 1 つの項目: JavaScript を使用してポップアップを表示しています。この表示ブロックは IE 6 で動作しますか? システムに IE8 がインストールされているため、IE6 でテストできません。

document.getElementById('ニュースレター').style.display='block';

       <div id="newsletter" class="white_content"></div>
      <div id="fade" class="black_overlay" ></div>
4

1 に答える 1

1

ie6 のオーバーレイの場合、15x15px透明な gif をオーバーレイとして使用する必要があり、バックグラウンドでオーバーレイとしてではなく、不透明度として繰り返す必要があります :-)。IE6 でハックするには、ハックを追加する必要があります。たとえば、height:20x;これはie6でのみ機能します

于 2012-08-30T17:48:16.493 に答える