javascript - Div 在 Firefox 中不显示

Question

我有一个对话框。当我在上面调用显示时，除了标题 DIV 中的内容外，框中的所有内容都会显示，这只发生在 firefox 中。它在 IE 和 chrome 中都显示良好。我在对话框中没有做任何事情有什么想法吗？

当我将鼠标悬停在对话框中的按钮上以及检查对话框时，它也会显示，但如果我重新加载页面并再次单击“显示”，标题将不再存在

CSS:

.formHeader {
    padding:10px;
    background-color:#f2f2f2;
    font-size:14px;
    font-weight:bold;
}
.dialogContainerBlock .formHeader{
    background-color:#333;
    color:#fff;
    margin-left:-20px;
    padding-right:30px;
    margin-top:-40px;
    position:fixed;
    z-index:990;
    width:inherit;
}

HTML:

<div class="dialogContainerBlock" style="width:100px; background:black;">
    <div class="formHeader">Hi I work</div>
</div>

Answer 1

position:fixed 是相对于文档主体的，通过使用负边距，您将 div 隐藏在主体边界之外。