我正在客户网站上为他们的新餐厅位置做一个弹出窗口。基本站点是一种千篇一律的站点，而且非常困惑(我不确定是否应该将此归因于问题)。一切都很顺利，直到我添加了一些相对定位并且具有宽度和高度的 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 类
任何帮助将不胜感激!
最佳答案
您将原始内容放在新的 div 中。
要使它看起来像您的图像，那将是 id="coupons"div。只是为了让我们清楚它是这样开始的:
<div id="coupons">
<div class="coupon" style="background:url(images/bg1.png);">
您需要将该 div(及其所有内容)移动到 id="popup"div 的结束标记之后。
关于html - 绝对定位 "pop-up"的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8686628/