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

否定margin-top似乎是造成这种情况的最相关的风格。注意隐藏事物的负边距，因为当你想要显示它们时，你需要记住撤消它们。您可以创建一个类似“已关闭”的类，然后让包含负边距，然后在想要显示div时删除该类。

Answer 2

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

Div没有在Firefox中显示

2 个答案: