绝对定位“弹出”的麻烦(Trouble with absolutely positioned “pop-up”)

 我正在客户网站上为他们的新餐厅位置做一个弹出窗口。 基础站点是一种cookie切割器类型的站点，非常混乱（我不确定我是否应该将此归因于该问题）。 一切都很顺利，直到我添加了一些相对定位的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类 
 
 任何帮助将不胜感激！ 

I am doing a popup on a clients site for their new restaurant location. The base site is kind of a cookie cutter type site, and very messy (I'm not sure if I should attribute this to the problem). Everything was going fine until I added some divs that were positioned relatively and had width and height to the absolute div "pop-up". Now, the popup pushes the base site down, and the popup goes behind (it has a z-index of 10?). Here is the brand new css:
 
http://addproxy.net/sites/testing_space/css/style.css
 
and the site is down a level:
 
http://addproxy.net/sites/testing_space/
 
And a mockup of the desired effect (disregard the backslashes, hit max of href):
 
//http://addproxy.net/sites/testing_space/popup-mockup.jpg
 
The divs that seemed to trigger the problem were the .coupon class
 
Any help will be greatly appreciated!

原文：https://stackoverflow.com/questions/8686628