2011-07-25 16 views
1

特定のロジックがトリガーされたときにのみ表示される単純なdivレイヤーがあります。ie6オーバーレイ位置:固定スクロール

モーダルのように見えるように、私は不透明度のフルスクリーンのdivを追加してモーダルな外観にしました。

残念ながらIE6ではオーバーレイが表示されますが、ページを下にスクロールするとページ全体がオーバーレイで覆われません。 http://i53.tinypic.com/30wl2ye.jpg

ここに私のCSSです:

.overlay { 

    width:100%; 
    height:100%; 
    background-color: #333333; 
    opacity: 0.25; 
    position: fixed; 
    top: 0 !important; 
    left: 0 !important; 
    display:none; 
    z-index:1000; 
    *background:transparent; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F333333,endColorstr=#3F333333)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F333333,endColorstr=#3F333333); /* IE6 & 7 */ 
zoom:1; 
} 

.paymentPopup { 
    background-color: white; 
    border: 3px solid #6D8D4C; 
    border-radius: 10px 10px 10px 10px; 
    padding: 10px; 
    z-index: 99999!important; 
    width:380px; 
    display:none; 
    float:left; 
    position:fixed; 
    *position: absolute; 
    left: 33%; 
    top:50%; 

} 

答えて

1

申し訳ありませんが、IE6はposition:fixed;

あり、それのためのいくつかのハックは、(例えばhttp://ryanfait.com/resources/fixed-positioning-in-internet-explorer/を参照)ですが、一番下の行は、あなたがしようとしているではサポートされていません。ブラウザがサポートしていないことをする。

+0

これを知っていましたが、回避策が必要でした – Jason

関連する問題