ユーザーのブラウザは必要な範囲でCSSをサポートしていますか？

Modernizrは、ユーザーのブラウザが次のようなテクノロジーをサポートしているかどうかの質問に対する答えを得るのに役立つ小さなシンプルなJavaScriptライブラリです。

• HTML5
• キャンバス
• rgba（）
• hsla（）
• ボーダー画像
• 境界半径
• 箱影
• 複数の背景画像
• 透明性
• CSSアニメーション
• 列
• 勾配
• 反射
• CSS変換
• CSSトランジション

ユーザーのブラウザが、たとえば複数の背景画像などのCSS機能をサポートしていることを知って、レイアウトを簡素化しますか？ Modernizrを使用すると、これは簡単です！ 構文は非常に明確です。



body.multiplebgs div p {

/* properties for browsers that

support multiple backgrounds */

}

body.no-multiplebgs div p {

/* optional fallback properties

for browsers that don't */

}