css+div_html/css_WEB-ITnoseの互換方法

IE6とFFの違い：background:orange;

FF、IE7、IE6の違い：background:orange;*background:green ! important;*background:blue;

IE7、IE8互換：

HEAD

1. CSS のいくつかのブラウザは、ブラウザの互換性のために繰り返し定義できる異なるキーワードをサポートしています FireFox と IE7 で認識できます。 * IE6 と IE7 で認識可能_ はい IE6 で認識*+ IE7 で認識

2. IE 固有の条件付きコメント rel="stylesheet" type ="text/css" href="ie.css" />

3. いくつかのブラウザによる実際のピクセルの解釈 IE/Opera: 実際の幅オブジェクトの = (margin-left) + width + (margin-right) Firefox/Mozilla: オブジェクトの実際の幅 = (margin-left) + (border-left-width) + (padding-left) + width + (padding -right) + (border -right-width) + (margin-right)

4. マウスジェスチャーの問題: FireFox のカーソル属性はハンドをサポートしていませんが、ポインターをサポートしており、IE は両方をサポートしているため、互換性のためにポインターが使用されます。

5. FireFoxでの設定 HTMLタグのStyle属性を使用する場合、すべての位置、幅、高さ、サイズの値の後にpxを付ける必要があるため、IEでもこの書き方に対応しているため、一律にpx単位が付加されます。例: Obj.Style.Height = imgObj.Style.Height + 'px';

6. FireFox は、padding 5px 4px 3px 1px などの短縮されたパディング属性設定を解析できません。padding-top:5px に変更する必要があります。 ;padding-right:4px;padding-bottom:1px0;

7. ul や ol などのリストのインデントを削除する場合は、 list-style:none;margin: と記述します。 0px;padding:0px; ここで、margin 属性は IE で有効、padding 属性は FireFox で有効です

8. CSS コントロール透明度: IE: filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60); FireFox: opacity:0.6;

9. CSS コントロール 角丸: IE: 角丸はサポートされていません。 FireFox: -moz-border-radius-topleft:4px; -radius-topright:4px; -moz-border-radius -bottomleft:4px; -moz-border-radius-bottomright:4px;

10. CSS 二重線バンプボーダー: IE: border:2px outset; moz-border-top-colors: #d4d0c8 ホワイト; -moz -border-left-colors: #d4d0c8 ホワイト; -moz-border-right-colors:#404040 -moz-border-bottom-colors:#404040; #808080;

11. IE は CSS メソッド Cursor:url () をサポートします。 カーソル スタイル ファイルとスクロール バーの色のスタイルをカスタマイズします。 FireFox は上記 2 つをサポートしません

12. IE には Select コントロールが常にオンになるバグがあります。 top、およびすべての CSS は Select コントロールでは機能しません

13. IE は、画像やテキスト コンテンツを含むフォームのラベル タグをサポートします。FireFox は、画像を含むラベルをサポートしません。画像をクリックしても、Radio または CheckBox ラベルが表示されません。エフェクトをかけるため

14. FireFox の TextArea は onScroll イベントをサポートしていません

15 . FireFox は表示のインラインとブロックをサポートしていません

16. FireFox が Div に対して margin-left と margin-right を auto に設定すると、すでに中央揃えになっていますが、IEでは動作しません

17. FireFoxがBodyにtext-alignを設定する場合、Divはmarginを設定する必要があります：auto（主にmargin-left margin-right）を中央揃えにすることができます

18. です。ハイパーリンクの CSS スタイル設定の順序は、L-V-H-A に従うのが最善です。つまり、

19. IE で長い段落の自動行折り返しを設定するには、CSS で word-wrap:break-word を設定し、これを実現するには、FireFox で JS 挿入メソッドを使用します。具体的なコードは以下の通りです：

20. 追加後サブコンテナーにフローティング属性を追加すると、コンテナーは自動的に開くことができなくなります。 解決策: ラベルの終了後の次のラベルに CSS

を追加します。解決策: display:inline を追加します

22. IE6では画像の下に隙間がある 解決策：imgにdisplay:blockを追加するか、vertical-align属性をvertical-align:topbottom|middle|text-bottomに設定する

23. 2つのレイヤーの間IE6 でギャップがある場合の解決策: 右の div も float に設定するか、IE6 に対して margin-right:-3px を定義します

24. LI のコンテンツが length