在現有網站上放置2個div？

我試圖把兩個div在現有網站的頂部，因爲這形象：在現有網站上放置2個div？

enter image description here

我能做到這一點罰款的Firefox /谷歌瀏覽器等，但它似乎沒有在IE中工作。

難道有人能指出我如何做到這一點的簡單例子嗎？

2012-04-19 GT22

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

謝謝@AndreasWinter - 這是我以前的帖子。我有它在一定程度上工作，但在IE瀏覽器陰影層，如果你向下滾動，將不會填滿整個頁面。任何人都可以幫忙嗎？ – GT22 2012-04-19 13:47:59

即使我在前一篇文章中給出的修補程序沒有修復？（請參閱我的意見，現在答案在這裏：D） – WolvDev 2012-04-19 13:53:12

把下面的代碼在你的頭上，並在你的CSS改變position:absolute回position:fixed

<!--[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-index。

Z-Index就像在HTML中應用圖層一樣，在這種情況下，您可能會在頂部，中間和底部都有一個圖層。因此3個div像層一樣定位。

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

來源

2012-04-19 13:48:04

謝謝亞倫，我可以讓divs浮在彼此之上，但現在問題在於向下滾動時，陰影圖層並未填滿整個頁面。看到這裏：http://jsfiddle.net/5V288/8/ – GT22 2012-04-19 13:52:29

在這裏，我更新的CSS。而不是position:absolute;我用fixed，這樣就不會隨着滾動而移動。

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

來源

2012-04-19 13:55:33 kwelch

這是偉大的@kwelch，但它不工作在IE :( – GT22 2012-04-19 18:05:06

哪個版本？我剛測試IE8和IE7。他們都好像。 – kwelch 2012-04-20 13:53:40

在現有網站上放置2個div？

回答

相關問題