jquery - 打开灯箱内容时页面内容向下移动 - jquery

Question

单击指向我的灯箱的链接时 - 它会将页面内容移动到灯箱下方。我已将 z-index 放在我的灯箱的 css 上，但我相信这还不够。我不确定下一步我需要往哪个方向走。我试图将灯箱保持在页面内容的顶部。我不希望页面上的内容向下移动，我希望灯箱覆盖原始页面的内容。

我的小提琴：http: //jsfiddle.net/stillb4llin/zZvLG/

我想我需要在 jquery 中创建另一个函数来插入我放置 positionLightBox1(); 的位置。（注释掉）

我也认为我做错了 CSS。我想相信我对 css 有一定的把握，但我相信你不会！

使用 jquery 的经验：我已经用 jquery 玩了几个星期（编辑代码并让它为我工作），我已经做了一些阅读并创建了一些小提琴。现在，在我的一些经验和一些堆栈溢出答案的帮助下，我已经很舒服地创建了这个。

感谢您的意见。

score 3 · Accepted Answer

只需在 #lightBoxContent 上设置 position:absolute 而不是 position:relative

...这会将灯箱从“流程”中移除，并防止它进一步向下推动其他页面内容。

score 1 · Accepted Answer

<div ID="lightBoxDiv"></div>为什么打开后立即关闭？我猜你的意思是在关闭 lightBoxContent div 之后关闭？

score 1 · Accepted Answer

1

lightBoxContent 还必须具有 position:absolute 才能正常运行

于 2012-08-02T14:50:27.407 回答

score 1 · Accepted Answer

只需将 lightboxdiv 声明末尾的标签移动到 lightboxcontentdiv 关闭之后。您可能需要稍微调整一下大小，但它不会移动它后面的文本。

score 0 · Accepted Answer

0

可能会修复它：http: //jsfiddle.net/zZvLG/14/

于 2012-08-02T14:53:51.813 回答

5 回答 5