移动div查看时,我的网站上的Jquery FadeIn行为错误

移动div查看时,我的网站上的Jquery FadeIn行为错误,jquery,css,firebug,Jquery,Css,Firebug,我正在修改一个现有的网站(www.gjelavoie.com)。 我使用jquery fadein()和fadeout()来显示我的联系人表单,以避免访问者临时访问主页。我仍然有一个不想要的效果: 当联系人窗体出现(淡出)时,主页(淡出)向下移动 到一个不可理解的位置 好消息是,当联系人表单消失(淡出)时,主页(淡出), 移动回正确的先前位置 坏消息是,这是一种不受欢迎的行为。 我使用firebug动态观察样式属性的变化,以了解页面中发生了什么变化。。。(或者换一种说法)我试着观察css属性中可

我正在修改一个现有的网站(www.gjelavoie.com)。 我使用jquery fadein()和fadeout()来显示我的联系人表单,以避免访问者临时访问主页。我仍然有一个不想要的效果:

当联系人窗体出现(淡出)时,主页(淡出)向下移动 到一个不可理解的位置

好消息是,当联系人表单消失(淡出)时,主页(淡出), 移动回正确的先前位置

坏消息是,这是一种不受欢迎的行为。
我使用firebug动态观察样式属性的变化,以了解页面中发生了什么变化。。。(或者换一种说法)我试着观察css属性中可能的位置移动(使用firebug、chrome inspector和opera inspector),但是运气不好,我就是不明白

请有人告诉我如何使用合适的工具调试这个东西,或者将我重定向到firebug系列工具(firebug,chrome,…)下的正确功能,因为解决这个问题的技术可能对其他未来的bug有用


提前谢谢。

我们能在现场看到吗


我不太清楚您的确切意思,但我认为您可能需要在联系人表单上使用position:absolute,这样它就不会将页面向下推。

lightbox life.js
中,您只需要一个$(document).ready()。不需要打5次电话

这是一个CSS问题

add / change these
#lightbox-panel {
    left: 50%;
    margin-left: -250px;
    position: absolute;
}

remove this
#lightbox-panel {
    margin-right: auto;
}

此外,Firebug是最好的调试工具之一。

为我们发布一些代码。这年头很难买到水晶球谢谢你的快速回答。。。我将测试它并返回此消息。开始看起来不错,但之后,我可能会在进行这些更改时包含另一个错误。。。我在我的主机上创建了该站点,进行了de更改,我确实从主页上淡出,但当我关闭联系人表单时,我从firefox中得到以下错误:Erreur d'analysis XML:aucunélément trouvéemposition:jar:file:///C:/Program%20Files%20(x86)/Mozilla%20Firefox/omni.jar/chrome/toolkit/content/global/netError.xhtml Numéro de ligne 1,Colonne 1:???我理解$(document).ready()注释。谢谢你的这个。我现在正在纠正它。但是仍然不理解firefox的错误。好吧,firefox的错误:“jar…netError.xhtml”可能与本地磁盘上缺少html有关。wget没有获取它是因为一个未知的原因,另一个问题。我拿到文件了,一切似乎都很好。明天我还会测试一切。请问,你能解释一下CSS的不良行为吗?最后,我能在玩firebug时发现这个错误吗?提前谢谢。是的,我的网站是在线的,我对这种行为感到有点惭愧。对于这种不清楚,我深表歉意。如果您访问www.gjelavoie.com/,在英文版本中,您会看到“Courrel:info@gjelavoie.com". 单击此链接将导致主页向下。Jhoff代码工作正常。您需要position:absolute将其覆盖在页面上,左边和左边距用于定位。现在问题似乎已经解决了。我仍然不理解你(和杰霍夫)的变化。为什么浏览器会关闭主页。。。浏览器试图遵守的CSS属性或规则是什么?