フロントエンドの共通のブラウザの互換性の問題?

いくつかの違いがあり、市場でのブラウザ、多くの異なる種類、異なるブラウザカーネルは同じではありませんので、各ブラウザは、Webページを解析します。
ブラウザカーネルは、2、1つのレンダリングエンジンに分割され、他方はJSエンジンは、より多くのコアレンダリングエンジンと言うことに傾斜します。
一般的なブラウザカーネル:
トライデント、ヤモリ、ブリンク、Webkitの:一般的なブラウザカーネルは4種類に分けることができ
ここに画像を挿入説明
、共通の互換性の問題:
1、異なるブラウザは外装ラベルパッチ(マージン)をデフォルトとパッチ内(パディング)異なります
溶液:ワイルドカード*にCSS増加{マージン:0;パディング: 0;}

2、二国間の問題からIE6、IE6でセットフロートが、また、マージンを設定するには、問題の余白があるだろう
解決策:設定表示:インライン;

[設定]タブの高さはIE6で、以下10pxのある3は、IE7はの高さは自身の一連超えてしまいます
隠された、またはあなたの設定の高さよりも少ない行の高さの値を設定:ラベルセットオーバーフローの高さを超えて:ソリューション

図4は、写真のデフォルトの間隔がある
レイアウトIMG用フロート用途:ソリューション

5、IE9は、お使いのブラウザは不透明度使用することはできません
解決策:
アルファ(不透明度= 50);フィルタ:プログラムID:;:不透明度フィルター0.5 DXImageTransform.Microsoft.Alpha(スタイル= 0、不透明度= 50)。

図6に示すように、オーバーラップマージン、隣接する二つの要素が余裕代が設けられている場合には、マージンが最大になります、最小値が破棄;
解決策:重複するエッジを防止するために、親要素のサブ要素に添加することができます、親要素が配置されてオーバーフローである:隠されました。

図7に示すように、カーソル:手ハンド表示タイプはサファリでサポートされていない
ソリューション:統一使用カーソル:ポインタ

図8に示すように、二のブロックレベル要素、親要素がオーバーフロー提供される:自動;子要素の設定位置:相対;およびIE6における親要素よりも高さが大きいほど、IE7オーバーフロー隠れていないであろう。
溶液:親要素のセット位置:相対

公開された24元の記事 ウォンの賞賛0 ビュー191

おすすめ

転載: blog.csdn.net/CKT0816/article/details/104779813