绝对定位“弹出”的麻烦

时间:2011-12-31 06:00:44

标签: html css

我正在客户网站上为他们的新餐厅位置做一个弹出窗口。基础网站是一种千篇一律的网站,非常混乱(我不确定我是否应该将此归因于问题)。一切都很顺利,直到我添加了一些相对定位的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类

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

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

使它看起来像你的图像将是id =“coupons”div。就这样,我们清楚这是一个像这样开始的人:

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

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