Question

我有一个使用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;
}

你们建议尝试什么，这样就不会发生重叠。

谢谢

Answer 1

此处的问题是您的#ajaxdiv有position:absolute。如果你删除了绝对定位那么这应该可以解决你的问题，虽然你可能因为一个原因而对元素进行绝对定位，在这种情况下它可能只会产生新的问题！

Answer 2

将您的#ajaxdiv更改为position:relative;

同样快速FYI：请勿使用<br />标记来定位内容。应使用中断标记来指定要手动中断文本行的文本中断。用于定位使用填充或边距。我指的是<br />容器

上方的两个#ajaxdiv标签

Answer 3

你有一个div

如果你添加min-height：100px，那么它似乎没有剪裁显示。

<div class="box_fullwidth" style="min-height:100px">

我刚注册并使用div代码播放。

我还删除了2个换行符

在DIV下的页脚

3 个答案: