ブラウザcssレンダリングの違い

747 ワード

ブラウザ css IE firefox 6

火狐ブラウザでは、float以外のdivの前に同じ親レベルのfloatのdivがあります.このdivは背景図があればclear:bothを使用して背景図を表示することができますが、IE 6.0ではclear:both

を使用しません.

[text-decoration:underline]のプロパティの下で、IE 6.0に表示される下線はFireFoxより少し低くなります.FireFoxでは、一部の筆画は下線の下の1画素程度になります.

IE 6.0のdivの埋め込みdivは親の高さを大きくすることができますが、FireFoxはできません.自分で高さを設定します.

3 3列レイアウトに設定すると、IE 6.0のfloat幅は100%に達することができず、FireFoxは可能である.2つのカラムレイアウトに設定すると、両方のブラウザで

を実行できます.

png透明バックグラウンド、FireFoxの下に問題はなく、IEはフィルタチャネル

を使用する必要があります.

z-index IE、FireFoxの下での解釈問題、

display:inlineはIE 7で

をサポートしていません

ulには他のラベルが入っていて、意味に合わないだけでなく、IE 7-にも問題があります.<other>ラベルの前に<li>ラベルがあれば、ブラウザは<other>が<li>のサブノードだと思っています.