[css]IE 6/7/8/9のバグと解決方法を書き出します

1726 ワード

[css]IE 6/7/8/9のバグと解決方法を書き出します

IE6.7 , 。 1.IE6margin 2.IE67 li 3. ——vertical-align:top 4.ie6 19px 19px;font-size:0; overflow:hidden 5.ie8 ,filter:alpha(opacity=50) 6.IE6 position:fixed ,fixed ie6 ,js , , , , top 7.ie6 overflow:hidden (relative)- , 8.ie6 , , , 1px 9.ie6 , 10.ie6,7 3px 11.

p要素を2つに分割します。なぜなら、ネストの規範性、pはinline要素をネストする必要があります。 12.ie 6では、1 px dotted 0000は互換性がない。精度の問題、背景で平らに敷くことができます 13.ie 6の下でmargin伝達はhaslayoutをトリガする必要があり、親に枠線がある場合、サブ要素margin値が消失し、解決方法、親haslayoutをトリガする 14.ie 6では、1行のサブエレメントが占める幅の和が親の幅と3 pxを超えるか、行に満たない状態にある場合、最後の行のサブエレメントの下marginは失効する 15.ie 6の文字オーバーフローbug条件1、サブエレメントの幅と親の幅の差が3 px未満の場合、2、2つのフローティングエレメントの間にコメントまたはインラインエレメントがあります。解決策:divバーコメントまたはインラインエレメントで包む 16.ie 6では、フローティング要素と絶対位置決め要素が並列関係にある場合、絶対位置決めは消失し、解決策:位置決め要素の外にdivを包む 17.ie 6,7の下で、入力タイプのフォームコントロールの上下にそれぞれ1 pxの隙間がある--解決方法:inputにフローティングを加える 18.ie 6,7の下で、入力タイプのフォームコントロールにborder:noneを追加すると無効になりますか、それとも枠線が表示されますか。解決方法:1、border:0;2,inputの背景をリセット 19.ie 6,7の下で、タイプのフォームコントロールを入力して文字を入力すると、背景画像が移動します。解決方法:背景を親に追加します。 20.ie 6 pngピクチャ互換性の問題を処理するjsプラグイン、DD_belatedPNG.jsは、CSSフィルターで処理することもできます a.css処理 b.マイクロソフトbehavior拡張、iepngfixをダウンロードする。htc c.jsプラグイン 21.css hack9——IE 10より前のブラウザ解析、+、*——IE 7はIE 7より前のブラウザ解析、——IE 6は、IE 6以前のIEブラウザを含む 22.important互換性の問題、IE 6の下で、importantの後ろに同じスタイルを追加すると、importantの優先度の作用を破壊し、デフォルトの優先度の順序で行きます 23.IE 6 margin負の値は互換性がなく、position:relative;この解決策は聖杯レイアウトに現れている。聖杯レイアウトはposition:absolute;位置付け


プロフィール


私は歌謡で、みんなと一緒に前後の知識を交流することを歓迎します.あきらめるのは簡単だが、堅持するのはきっとかっこいい.みんなで討論することを歓迎します

ホームディレクトリ


歌謡とともにフロントエンドの試験問題をクリアする