CSS 互換性ガイド

互換性についてよくわからない場合は、ページがどの程度互換性があるべきかを理解する必要があります

1 互換性が必要かどうか。

最初にこの問題について考える必要があります。互換性がない場合、後退がスムーズである限り、一部のエフェクトは互換性がありません。

この場合の CSS シェイプなど:

画像はからのものです。 w3cplus の場合、CSS Shapes 属性をサポートしていないブラウザの場合は、サポートを強制しない方がよいでしょう。

2 最初のポイントと比較して、CSS グラデーションのバック処理などの追加のバック処理を追加することです:

    background-color: #f9efee;
    background-image: linear-gradient(to left, #f5e5e3 0%, #ffffff 52%, #f5e5e3 100%);

3 追加の区別が必要な状況

CSSで処理すると様々なHACKになります:

CSSハックスキル集

ブラウザのCSS属性値の互換性のない下位互換性のハックスキルを利用する

JSで処理すると、最善の方法は、modernizr.js または次のコードを使用することです:

if ( !'shape-margin' in document.documentElement.style) {}
//如果不支持shape-margin属性则如何如何

4 強制的な効果は同じです

このステップでは、このコードしか思いつきません

text-shadow: 2px 2px 15px #333;
filter: glow(color=#333333, strength=2);
/*老IE不支持文字阴影，对其使用IE滤镜*/

関連記事はこちらCSS 互換性戦略については、PHP 中国語 Web サイトにご注意ください。