CSSの互換性の問題と実践について

クリエイティブコモンズライセンス 著作権:帰属、紙ベースを作成するために他人を許可し、(同じライセンスで元のライセンス契約に基づいて用紙配布する必要がありますクリエイティブコモンズ

違いを識別する

違いIE6、IE7、IE8、FF。

  1. * IEを識別することができ、標準的なブラウザ(例えば、FF)※認識できません。

  2. * IE6は認識することができますが、重要な識別することはできません;! _ IE6のスタイルが先頭に追加します

  3. * IE7を識別することができ、また、重要な識別するために!;

  4. IE8は9例\認識:背景:赤\ 9;

  5. * Firefoxは認識しませんが、重要な識別することができ!;

(1)IE6とFirefox差:

/* 火狐浏览器的背景颜色是橙色,而IE浏览器的背景色是蓝色 */
background:orange;*background:blue;

(2)IE6とIE7の違い:

/* IE7的背景颜色是绿色,IE6的背景颜色是蓝色 */
background:green !important;background:blue;

(3)IE7とFFの違い:

/* 火狐浏览器的背景颜色是橙色,而IE7的背景颜色是绿色 */
background:orange; *background:green;

(4)FF、IE7、IE6の区別:

/* 火狐浏览器的的背景橙色,IE7浏览器的背景颜色是绿色,而IE6浏览器的颜色是蓝色. */
background:orange;
*background:green !important;
*background:blue;

プラクティス

(1)開発プラットフォームを選択し
、他のブラウザとの互換性もFirefoxの(Firefoxの)でCSSを、書くこと。
確かにIEになるし、古い規格のIEのサポートはまだ非常に良好で、IEのユニークな機能のいくつかは、人々をサポートしていないので、他のブラウザの互換性は、より簡単であるだろう、そうするには。これは、プラットフォームとしてのFirefoxのFirebugの拡張子と一緒にお勧めします。

受注(2)CSSのハックがされ
ていれば、コードが多くない場所をハックするために、実際には、十分に標準書かれているように、プラットフォームとしてFirefoxを使用します。
IE以外のブラウザはほとんど関係ありませんので、あなたは無視することができます。

> IE6 - - > IE7 - >その他のFirefox:次の順序で

(3)ハック方法は、
二つの方法で来る:
一方は、他方が同じファイルで処理され、別のファイルで処理されます。
実際には、役割は同じように同じですが、ただではありません。

同じファイルハンドルは互換性のあるブラウザ互換性の必要な方法を見つけるための属性です。

同じファイルを処理できるだけでなく、別のブラウザのための内部の複数のファイルに書き込むためにはなぜか?これは、IEのみのために実際には、2つだけのファイル、すべてのブラウザのための1つは、サービスをW3C検証ツールを欺くことです。すべてのコードは、IEに必要ながら、内部W3Cに準拠するように書かれたが、W3Cコード(例:カーソル:手;)によって確認されない別のファイルにし、次の方法を導入します。

<!--[if IE]>
	<link href="兼容IE的css样式.css" rel="stylesheet">
<![endif]-->

このコードは、IEのみが異なるだけのファイルに扱っているIEブラウザで導入された、識別することができます。
ブラウザとIE:実際には、限りコードがウェブ上の理由で、さらに人気が高まっ堅牢十分な規範や、あるとして、唯一の2つのブラウザがあります。
ブラウザの互換性は、もはや頭痛です後、私は、考えていません。
あなたはこのコードを理解していない場合は、アクセスしてくださいこの記事を学ぶために。

おすすめ

転載: blog.csdn.net/weixin_44198965/article/details/94339250