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 */
}