絕對定位「彈出式」的麻煩

Question

我正在客戶網站上爲他們的新餐廳位置彈出一個窗口。基地網站是一種類似於餅乾類型的網站，非常混亂（我不確定是否應該將此歸因於問題）。一切都很順利，直到我添加了一些相對定位的div，並將寬度和高度設置爲絕對div「彈出窗口」。現在，彈出窗口會將基礎站點向下推，並且彈出窗口會後退（它的Z索引爲10？）。這裏是全新的CSS：

http://addproxy.net/sites/testing_space/css/style.css

，該網站是下降一個等級：

http://addproxy.net/sites/testing_space/

和所需效果的樣機（忽略反斜槓，打HREF的最大值） ：

//http://addproxy.net/sites/testing_space/popup-mockup.jpg

的該申報單似乎是觸發問題的.coupon類

任何幫助將不勝感激！

Answer 1

您將原始內容放入新div的內部。

爲了讓它看起來像你的形象，將是ID =「優惠券」股利。只是讓我們很清楚那就是開始像這樣的一個：你需要移動DIV

<div id="coupons"> 
<div class="coupon" style="background:url(images/bg1.png);"> 

（和它的所有內容）到剛剛ID =「彈出」分區的結束標記之後。