絶対的に位置づけられた "ポップアップ"の問題​​

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 =「ポップアップ」div要素の終了タグの後に：ちょうど私たちは、それはこのように始まるものだ明らかです。