DivがFirefoxに表示されない

私にはダイアログボックスがあります。ショーを呼び出すと、ボックス内のすべてがヘッダーDIVの内容を除いて表示され、これはFirefoxでのみ発生します。それはIEとクロムの両方で正常に表示されます。私はダイアログボックスに何も考えていませんか？DivがFirefoxに表示されない

また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

http://jsfiddle.net/AGE2F/ – Adim

@Zeta質問の本体にコードを追加しました。 – artlung

position:fixedは、ボディの境界の外にdivを隠している負のマージンを使用して、ドキュメントのボディに相対的です。

出典

2012-02-14 00:33:47

私はそれを絶対時刻に切り替えたときに、ページの100％で示したように、 – Adim

@Adimとしてください。position：absoluteはdivのコンテナに相対的です。相対的です。 –

負margin-topはこれを引き起こして最も関連性の高いスタイルのようです。物を隠すための負のマージンに注意してください。なぜなら、それらを表示したいときには、元に戻すことを覚えておく必要があるからです。「閉鎖」のようなクラスを作成してから、にはに負のマージンが含まれている場合は、divを表示するときにそのクラスを削除します。

出典

2012-02-14 00:31:41 artlung

DivがFirefoxに表示されない

答えて

関連する問題