既存のウェブサイトに2つのdivを配置しますか？

私は、この画像のように、既存のウェブサイトの上に2つのdivを配置しようとしている：既存のウェブサイトに2つのdivを配置しますか？

enter image description here

Iは、Firefox/Googleのクロムなどで、この罰金を行うことができますが、それはいないようですIEで働く

誰かがこれを行う方法の簡単な例を教えてくれますか？

出典

2012-04-19 GT22

http://stackoverflow.com/questions/10227485/fake-lightbox-in-ie -easy-html-css-fix-for-someone – WolvDev

ありがとう@AndreasWinter - これは以前の投稿です。私はある程度は働いているが、IEでは影のレイヤーがスクロールするとページ全体を埋めることはない。誰でも助けてくれますか？ – GT22

前回の投稿で私があなたに与えた修正はありませんか？（私のコメントを参照して、ここでの答え：D） – WolvDev

があなたの頭の中で次のコードを入れて、あなたのCSSでposition:fixedに戻っposition:absoluteを変更

<!--[if IE]> 
    <style type="text/css"> 
     .black_overlay { 
      position:absolute; 
      top: expression(document.compatMode=="CSS1Compat" ? document.documentElement.scrollTop+"px" : body.scrollTop+"px"); 
     } 
    </style> 
<![endif]-->

出典

2012-04-19 13:56:06 WolvDev

あなたの唯一の選択肢は、本当にZ-インデックスを使用することです。

Z-Indexは、HTMLにレイヤーを適用するようなものです。この場合、レイヤーが上、中、下に表示されます。したがって、3つのdivはレイヤーのように配置されます。ここで

http://www.w3schools.com/cssref/pr_pos_z-index.asp

出典

2012-04-19 13:48:04

Aaron、お互いの上に浮かれるdivを得ることができます。問題は、下にスクロールしたときに影のレイヤーがページ全体を満たさないことです。 http://jsfiddle.net/5V288/8/ – GT22

私は、CSSを更新しました。 position:absolute;の代わりにfixedを使用しましたので、スクロールでは動きません。

http://jsfiddle.net/5V288/9/

出典

2012-04-19 13:55:33 kwelch

これは素晴らしい@kwelchですが、IEではうまくいきません:( – GT22

どのバージョンですか？私はIE8とIE7をテストしました。 – kwelch

既存のウェブサイトに2つのdivを配置しますか？

答えて

関連する問題