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