Firefox 中不显示 Div答案

【问题标题】：Div not showing in FirefoxFirefox 中不显示 Div
【发布时间】：2012-02-14 00:10:57
【问题描述】：

我有一个对话框。当我在它上面调用一个节目时，除了标题 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>

【问题讨论】：

请提供您的问题的示例，最好是jsfiddle。
@Zeta 我将小提琴中的代码添加到问题的主体中。

标签： javascript html ajax show-hide

【解决方案1】：

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

【讨论】：

当我将它切换到绝对值时，它 100% 的时间都显示在页面上
@Adim 应该如此，position:absolute 是相对于你的 div 的容器，当它被指定为这样时，使用position:relative。

【解决方案2】：

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

【讨论】：