Xiaojie_html/css_WEB-ITnose と互換性のある div+CSS

IE6 と FF の違い:
background:orange;*background:blue;
IE6 と IE7 の違い:
background:green ! important;background:blue;
IE7 と FF の違い:
background:orange; ; *背景:緑;
FF、IE7、IE6 の違い:
背景:オレンジ;*背景:緑 !重要;*背景:青;

HEAD
1. CSS のいくつかのブラウザは異なるキーワードをサポートしており、ブラウザの互換性のために繰り返し定義できます
!重要 FireFox と IE7 で認識できます
* で認識できますIE6 と IE7
_ IE6 で認識可能
*+ IE 固有の条件付きコメント







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 を付ける必要があります。という書き方なので一律にpx単位が加算されます。たとえば、Obj.Style.Height = imgObj.Style.Height + 'px'; FireFox は、padding 5px 4px 3px 1px などの短縮されたパディング属性設定を解析できません。
7. ul や ol などのリストのインデントを削除する場合は、list-style:none;margin:0px; のように記述する必要があります。 Padding:0px; margin 属性は IE 有効に適しており、Padding 属性は FireFox
8 で有効です。 IE: filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60); : 不透明度:0.6;
9. CSS コントロールの角丸: IE : 角丸はサポートされていません。
-moz-border-radius-topleft:4px; border-radius-topright:4px;
-moz-border-radius-bottomleft:4px;
10. CSS の二重線の境界線: border:2px アウトセットFireFox:
-moz-border-top-colors: #d4d0c8 ホワイト;
-moz-border-left-colors: #404040 #808080; -bottom-colors:#404040 #808080;
11. IE は CSS をサポートします。カーソル:url() メソッドは、上記の 2 つのスタイルをサポートしません。選択コントロールは常に一番上にあり、すべての CSS は選択コントロールでは機能しません
13. IE は、画像やテキスト コンテンツを含むフォーム内のラベル タグをサポートします。FireFox は、画像を含むラベルをサポートしません。または、チェックボックスにラベルを付けて効果を持たせます
14. FireFox の TextArea は、onScroll イベントをサポートしません
15。FireFox が Div に対して margin-left と margin-right を auto に設定する場合、すでに中央揃えになっていますが、IE では機能しません
17. FireFox が Body に text-align を設定する場合、Div は margin: auto (主に margin-left margin-right) を設定する必要があります。ハイパーリンクの CSS スタイルを L-V-H-A の順序で設定します。それは

これにより、一部の訪問されたハイパーリンクにホバー スタイルやアクティブなスタイルが適用されなくなります。
19. IE で自動的に折り返すように設定し、FireFox で挿入するために JS を使用するように word-wrap:break-word を設定します。具体的なコードは次のとおりです。

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

1 か月前 By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O.最高のグラフィック設定

1 か月前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンのクリードシャドウズ：シーシェルリドルソリューション

3週間前 By DDD

Windows11 KB5054979の新しいものと更新の問題を修正する方法

2週間前 By DDD

Will R.E.P.O.クロスプレイがありますか？

1 か月前 By 尊渡假赌尊渡假赌尊渡假赌

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7562

15

CakePHP チュートリアル

1384

52

Steamのアカウント名の形式は何ですか

84

11

Win11 Activation Key Permanent

60

19

NYTの接続はヒントと回答です

28

98

もっと見る