页脚位于 DIV 下
我有一个使用 AJAX 提交的表单。当表单提交时，它会更改为 display:none 并在其位置显示带有成功消息的 div。
我不确定如何防止这种情况。我知道它与 CSS 相关。这是该 div 的 CSS，
#ajaxform{
position:relative;
z-index:1
}
#ajaxdiv{
display:none;
position:absolute;
height:auto;
width:650px;
background-color:#f3f3f3;
z-index:10;
}
你们会建议尝试什么，这样就不会发生重叠。
谢谢
I have a form that is being submitted using AJAX. When the form submits it changes to display:none and a div with the success message shows in its place.
I am unsure how to prevent this. I know its CSS related. Here is the CSS for that div
#ajaxform{
position:relative;
z-index:1
}
#ajaxdiv{
display:none;
position:absolute;
height:auto;
width:650px;
background-color:#f3f3f3;
z-index:10;
}
What would you guys recommend trying so the overlap does not happen.
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
这里的问题是你的
#ajaxdiv有position:absolute。如果您删除绝对定位，那么这应该可以解决您的问题，尽管您可能出于某种原因对元素进行绝对定位，在这种情况下，它可能只会产生新问题！The problem here is that your
#ajaxdivhasposition:absolute. If you remove the absolute positioning then that should solve your problem, although you probably have absolute positioning on the element for a reason, in which case it might just create new problems!将
#ajaxdiv更改为position:relative;另外，仅供参考：不要使用
#ajaxdiv容器上方的两个
Change your
#ajaxdivtoposition:relative;Also quick FYI: Don't use
<br />tags to position content. Break tags should be used to specify a break in text where you want to manually break a line of text. For positioning use padding or margin. Im referring to the two<br />tags you have above the#ajaxdivcontainer你有一个 div
如果你添加 min-height:100px，那么它看起来显示没有裁剪。
我刚刚注册并使用 div 代码。
我还删除了 2 个换行符
You have a div
If you add min-height:100px, then it seems showing without clipping.
I just signed up and played with the div code.
I also removed the 2 line breaks