在Firefox中未顯示Div

我有一個對話框。當我打電話給它時，盒子中的所有內容都會顯示，除了標題DIV中的內容外，這隻發生在Firefox中。它在IE和Chrome中均表現良好。我在對話框中沒有任何想法嗎？在Firefox中未顯示Div

此外，它表明，當我將鼠標懸停在按鈕對話框，當我檢查對話框，但如果我重新加載頁面，然後再次單擊顯示，頭不再有

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>

來源

2012-02-14 Adim

請提供您的問題的例子，但更好[jsfiddle]（http://jsfiddle.net）。 – Zeta 2012-02-14 00:20:33

http://jsfiddle.net/AGE2F/ – Adim 2012-02-14 00:25:03

@Zeta我將小提琴中的代碼添加到問題的主體中。 – artlung 2012-02-14 00:32:17

position:fixed是相對的文檔的主體，通過使用負邊距你隱藏div在身體的邊界之外。

來源

2012-02-14 00:33:47

當我將它切換到它絕對顯示在頁面上的100％的時間 – Adim 2012-02-15 07:56:30

@Adim，因爲它應該，'position：absolute'是相對於div的容器，當它被指定爲這樣，通過使用'position： relative'。 – 2012-02-15 11:00:48

負margin-top似乎是最相關的風格導致此。注意隱藏物品的負邊距，因爲當你想要展示它們時，你需要記住撤消它們。您可以創建一個類似「關閉」的類，然後包含負邊距，然後在想要顯示div時移除該類。

來源

2012-02-14 00:31:41 artlung

在Firefox中未顯示Div

回答

相關問題