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

図1に示すように、デフォルトのラベル異なるブラウザ外パッチ(マージン)とパッチ(パディング)異なる
溶液:ワイルドカードでCSS上昇* {マージン:0;パディング: 0;}

; 2、二国間の問題からIE6 IE6で、設定されたフロートでなく、マージンを設定し、問題のマージンがあるだろう
に設定した表示:ソリューションインライン;

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

図4は、画像を既定の間隔がある
ソリューション:レイアウトIMG用フロートを使用してください

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

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

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

図8に示すように、二のブロックレベル要素、親要素がオーバーフロー提供される:自動;子要素設定位置:相対;およびIE6、IE7で親要素よりも大きな高さが非表示になりなくオーバーフロー;
溶液:親要素設定位置:相対
----------------
免責事項:この記事は元の記事CSDNブロガー「yinol」で、CC BY-SA 4.0の著作権契約以下、複製、オリジナルのソースと、このリンクを添付してください声明。
オリジナルリンクします。https://blog.csdn.net/wanmeiyinyue315/article/details/79654984

おすすめ

転載: www.cnblogs.com/jia-bk-home/p/11373449.html
おすすめ