css - 弹出窗口出现css错误

Question

我有一个画廊插件。如果我单击另一个图像或箭头，将出现一个弹出窗口。问题是当弹出窗口打开时，插件库在页面上向下移动。什么是css问题？我该如何解决？

这是我的插件：

http://judopassion.com/wordpress/?p=274

非常感谢。

Answer 1

这里有很多事情要做，所以我将尝试简化您需要采取的步骤。

<div id="box">...

必须是孩子

<div id="gallery-1">....

所以你会有：

<div id="gallery-1">
    <div id="box"></div>
</div>

添加position:relative;到gallery-1.

你的#box风格真的，真的很乱。您需要从 CSS 中删除left:和top:说明#box.

Answer 2

我在弹出窗口出现时添加了 top 属性，并在关闭时将其删除：

$("gallery-1").css("top","-xxem");

我不能使用 GeorgeBuckingham 解决方案，因为插件不允许。不管怎么说，还是要谢谢你。