2011-08-03 7 views
2

私は何か他のものを見逃しているかもしれませんが、私は非常に混乱したCSSと複数の重大なオーバーライドを持っているbuidをしなかったサイトに取り組んでいます。 1つのレイアウトの問題は、IEの一部のバージョンを除くすべてのブラウザで問題ありません。IE8!重要なバグ?

デベロッパーツールでCSSを見ると、1emの余白が0.5emの余白でオーバーサイズされていることがわかりますが、余白はページに余裕があります。スタイルを無効にすると、1emの余白が(開発者用ツールで)オーバーライドされているように見えますが、それはうまく動作します。つまり、余白が少なくなります。

複数の!importantが使用されている場合、IEがオーバーライドの通常の階層を尊重しないバグはありますか?あるいは、これは代わりに開発者ツールのバグでしょうか?

.div2 { 
    margin: 1em !important; 
} 

body .div2 { 
    margin: 0.5em !important; 
} 

おかげ

+0

「IEの一部のバージョンを」外部のスタイルを上書き:私は2番目のCSSは最初にオーバーライドする必要があり、以下の例のようなものを、意味オーバーライドすることで

*どんな**バージョン? – BoltClock

+0

あなたの例は、歴史の中で最悪のブラウザであるIE6では失敗しません。 Internet Explorerバージョン6以降でこれをテストしている場合、私はあなたが助けられない恐れがあります。 jsfiddleのようにhttp://jsfiddle.net/eSnue/にリンクすれば、コード全体(またはあなた自身で作業しているサイト)で簡単に手助けすることができます。 –

+0

IE8では6,7,9ではなく唯一起こっています。私はそのサイトをjavaファイルからローカルに生成してアップロードすることはできません。 – Evans

答えて

0

インラインスタイル*

+1

これは考えていませんでしたが、チェックされていてインラインスタイルはありませんでした。 – Evans

関連する問題