いくつかのIE6ブラウザの互換性の問題

<!DOCTYPE HTML>文書型宣言。

発生条件:IE6ブラウザ、文書は奇妙な現象の解決IE6ブラウザをトリガーするときに我々はこの文を書いていない。
解決策:書き込み文書宣言を。
こうしたデフォルトの外部丁パッチなど、さまざまなブラウザ、ラベルのロットの異なるデフォルトのスタイルの中で。

プロデュース条件:異なるブラウザ;
解決策:必要に応じて、その後の使用CSSリセットスタイルファイルのクリーンアップ、および、それを設定します。
ダブル横の余白

発生条件は:IE6ブロック浮動要素の後、二重の横マージン現象が発生します。
ソリューション:スタイルタグに追加表示制御フロート:インライン
高いデフォルトの行

生成条件:IE6、IE7、サーフィンブラウザ;高さを設定すると、ボックスモデルのコンテンツのロケールの高さを超えるテキストレイアウトに影響を与えます。

以下、ブロックの高さよりも行の高さやテキスト行の高さ;隠さ:ソリューション:[設定]タブには、オーバーフローの高さを超えています。

発生条件:クリアフロート時間は、一部の人々は、透明フロート法を採用しており、空のdivを使用して、{クリア:両方}のdivを設定します。ほとんどのブラウザの中で、これは問題ありませんが、div要素も空に、IE6ブラウザでは、依然として高いデフォルトの行があるでしょう。

ソリューション:0に高さを設定し、セットオーバーフロー:隠されました。{高さ:0;オーバーフロー:隠された;クリア:両方;}

IMG外部ボーダー

発生条件:IMG外にラベルが、そのラベルがリンクのimg持つ
ソリューション:セットのimgボーダーボーダー:0;、
画像がデフォルトの間隔を持っています。

発生条件:IMGタグ(IMGは、各キャリッジリターンの後にノック)
溶液:フローティングレイアウトIMGは、フロートを設定しました。
クラシック3つのピクセルのバグ

発生条件:IE6ブラウザ、スライダ要素はデフォルト3pxピッチで、同じ行のスライダーの要素ではありません。
解決策:設定非浮動要素フロート。
すべてのタグに使用可能なラベルホバー

発生条件:IE6ブラウザのホバーは、ラベルのみの使用をサポートし、それは他のラベルを使用しているすべてに対応していません。
解決策:;:IE6に対応合理的なホバー効果シミュレートjavascriptの他の行ラベルまたは使用中にネストされたタグと詳細情報を、ログを表示してくださいホバー効果タグ
ボーダー色属性の設定が無効の間でテーブルタグ

発生条件:テーブルセットプロパティのborder-color無効でIE6;
ソリューション:コントロールに使用するCSSスタイルではなく、処理のためのスタイル属性を使用します。
PNG形式の画像

発生条件:IE6ブラウザは、透明性をサポートしていません。
解決策:処理するための使用のjavascript、または使用GIF、画像の代替アウトを使用してのJPG、PNG画像を表示します。
透明性と不透明RGBA

発生条件:IE6、これらの2つの方法は、透明設定をサポートしていない;
溶液:不透明度::のような代替案を、フィルタリングIE6フィルタ使用0.6;フィルター:アルファ (不透明度= 60)。
セレクタは、サブでIE6を使用することはできません

発生条件:IE6ブラウザ、E> F子セレクタを使用して、
溶液:他のセレクタまたは子孫セレクタ制御と、例えば:DIV P {マージン:10pxの; }のdiv PP {マージン:0;} あるいはオフDIV> P {マージン:10pxの; }。
これは、最大と最小の幅と高さをサポートしていません。

発生条件:IE6ブラウザに最小の高さ/幅、タグ(最小/最大高さ)
ソリューション:個別IE6、すなわち_heightハック設定:最小高さ値と、_width:幅の最小値(IE6のために、実際の幅幅と高さ)要素が自動的に幅と高さを調整する、高精細を超えます。最大の高さと最大幅のため、セットの互換性の必要はありませんし、現在は開発者のためだけにあまりにも多くの労力を費やす必要がなく、通常のディスプレイの下にIE6ていることを確認する必要があります。
テーブルセル:縦中央、IE6は、ディスプレイをサポートしていません。

発生条件:IE6ブラウザは、要素が垂直方向に別の要素内の中心に配置され、電池要素を表示するようにサポートすることができない。
溶液:単一行のテキスト場合は、行の高さとなるように高さを使用して垂直CSS水平要素:他の中間要素またはテキストの複数行、プロセス、治療の様々な方法をセンタリングするための他の方法は、ログを参照した場合、テキストは、垂直中心。
フォーカスフレームの色と異なる入力スタイル

プロデュース条件:各異なるブラウザのパフォーマンス;
アプローチ:使用概要:なしは、デフォルトのスタイルをクリアするために再統一後に設定します。
小さな手でマウスの効果

発生条件:IE6、カーソル:手:IEが完全にサポート。Firefoxでは、それがサポートされていません。しかし、影響はありません。カーソル:ポインタは:CSS2.0規格です。Firefoxがサポートされているので、どちらもIE5.0バージョンはサポートしていません前に。彼はIE6をサポートするために始めました。;
手;溶液は:カーソルポインタ2つのカーソルを設定します。
サブラベルは、親タグの高さを軟化することはできません

発生条件:一つまたはサブラベルより内側を含む親タグは、親タグフロートが設けられておらず、フローティングからサブラベル;
加工方法:方法1:最後のサブタブでは、フロート追加セット<divのスタイルをクリア=「高さ:0 ;クリア:両方「> </ div>
方法2:親タグ{オーバーフロー:隠された;}追加のスタイルを、方法3:一定の高さの親タグを設定します。
李間隔の問題

発生条件:IE6ブラウザの設定タブの幅と高さ李、および浮動発生した内部のli要素;
処理方法:方法1:李の幅と高さが提供されていません。方法2:李ラベルではないフロートの内部。
インライン要素は混乱レイアウト

発生条件:フレームは、絶対位置決め要素を位置決めするためパーセントで含ま含まれている場合、インライン要素は、フレームを含む;
アプローチ:、トリガーIE hasLayout:追加された行要素{1ズーム}内。詳細については、ログにhasLayoutを参照してください。バグソースhasLayout IEブラウザを。
単語をマルチディスプレイ

発生条件:要素を浮動中間HTMLコメント文介在物の複数、100%に設定幅浮動要素と、マルチディスプレイ行の最後の文字の次の行;
アプローチ:削除決定的注意!
CSSの優先順位!重要

!発生条件:同一グループ内のCSSプロパティの中でIE6、重要な効果がない;
治療:別途設けられました。
過剰5pxのより低いレベルでIMG画像

発生条件:IE6ブラウザ、
処理方法:ブロック要素へ画像、即ち表示:ブロック。
----------------
免責事項:この記事では、元の記事に」CSDNのブロガー最高の愛の詩で、BY-SAの著作権契約CC 4.0に従って、再現し、元のソースとのリンクを添付してくださいこの文。
オリジナルリンクします。https://blog.csdn.net/weixin_42357865/article/details/103277890

おすすめ

転載: www.cnblogs.com/funtake/p/11965124.html