複数のブラウザ互換性の問題はすべて IE_Experience 交換によって引き起こされます

IE7 がリリースされてからしばらく時間が経ったため、Web サイトにはもう 1 つブラウザが必要になりました。過去 2 日間、デザイナーは互換性について取り組み、共有と記録の両方で解決策を見つけました。 IE5、IE6、Moz を区別するために important! と /**/ を使用した以前の経験に基づいて、次のコードは 4 つのブラウザを区別します。コードをコピーして HTML ファイルに保存し、効果を確認してください: (
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無題のドキュメント</title> <style type="text/css"> <!-- ＃例 { 位置: 絶対; トップ: 50%; 左: 50%。 幅: 200ピクセル; 高さ: 150ピクセル; マージントップ: -75px; マージン左: -100px; } #example div { パディング: 20px; テキストの太さ: 太字; フォント: 11px/150% Verdana、Arial、Helvetica、サンセリフ; テキスト整列: 右; } ＃例 { 背景: 赤; /*Moz の場合*/ } * html #example { 背景: yellow; /*IE5 の場合*/ 背景/**/: 緑; /*IE6 の場合*/ } * html #example { 背景: 青; /*IE7 の場合*/ } --> </スタイル> <本文> <div id="例"> <div> IE5: 黄色 IE6: 緑 IE7: ブルー モズ：レッド </style>