ホームページ > ウェブフロントエンド > htmlチュートリアル > 2013 マルチブラウザ IE6~8&Firefox&その他主流ブラウザのCSS HACK記述法に完全対応_html/css_WEB-ITnose

2013 マルチブラウザ IE6~8&Firefox&その他主流ブラウザのCSS HACK記述法に完全対応_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:42:18
オリジナル
1110 人が閲覧しました

互換性

お客様の互換性の問題を解決すると同時に、解決策を記録し、全員と共有しました。 。 。 。

このコードを に置くと、ie8 のページは ie7 とまったく同じように解析されます。基本的に ie8 を無視して、コードの残りの部分を次のように記述できます
コードをコピーします
コードは次のとおりです:

background:#ffc; /* Firefox で有効*/
*background:#ccc; ie7 で有効 */
_background:#000; /* ie6 でのみ有効 */

説明しましょう:

Firefox は最初の段落を解析できますが、最後の 2 つは特殊記号 "*" と " _ ", Firefox はそれを認識できないため、背景: #ffc のみを認識し、表示されるのは黄色です。

IE7 は最初の 2 つのショートカットと最後のショートカットを認識できるため、最終的な分析は背景: #ccc表示されるものは灰色です

IE6 は 3 つの段落すべてを認識でき、「_」は IE6 でのみ認識できるため、最終的な分析は _background:#000 で、表示されるものは黒です

アーメン!これが最もシンプルでわかりやすい書き方です。Google からアクセスした場合は、この方法が問題なくテスト済みであることを責任を持ってお伝えします。

7 と互換性のある IE8 のコードもテストしました。現在の Windows 7 ベータ版に付属する IE8 は問題ありません。将来、IE8 の正式版が登場したときに動作するかどうかはわかりません。外。

ps: このように書くのにまだ問題がある場合は、HTML ヘッダーをチェックして、 より前のコンテンツがこの標準的な書き方であるかどうかを確認してください



これは、Dreamweaver を使用してページを作成する場合、この標準的な方法で記述されていない場合は、デフォルトでこの標準的な記述方法になることを覚えておいてください。 、互換性は保証できません


ディスカッションに返信(解決策)

外部リンクは広告の疑いがあります...

IE6 が属性セレクターを認識できない場合はどうすればよいですか

IE8+ を IE7 モードで表示したくないですか?
これは悪くないと思いますか? IE8、IE9、IE10 を無視して、IE7 が最高のブラウザーだと思いますか?

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート