html - 绝对定位 "pop-up"的问题

Question

我正在客户网站上为他们的新餐厅位置做一个弹出窗口。基本站点是一种千篇一律的站点，而且非常困惑(我不确定是否应该将此归因于问题)。一切都很顺利，直到我添加了一些相对定位并且具有宽度和高度的 div 到绝对 div“弹出窗口”。现在，弹出窗口将基本站点向下推，弹出窗口落后(它的 z-index 为 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

似乎触发问题的 div 是 .coupon 类

任何帮助将不胜感激!

Answer 1

您将原始内容放在新的 div 中。

要使它看起来像您的图像，那将是 id="coupons"div。只是为了让我们清楚它是这样开始的:

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

您需要将该 div(及其所有内容)移动到 id="popup"div 的结束标记之后。