7

私はModernizrと協力してきましたが、これは素晴らしいリソースであり、素晴らしいプロジェクトです。しかし、私がそれを使用している方法は次のとおりです。

  • ベースライン（IE）CSSを使用した設計
  • 高度なブラウザ向けのCSS3エフェクトで強化

動作に基づいてスタイルを完全に置き換える場合を除いて、ボックスシャドウ、グラデーション、境界線の半径などのスタイルをスタイルシートに追加しないのはなぜですか？ブラウザがルールを理解していない場合、それは無視されますよね？また、JavaScriptがオフの場合、とにかく使用できません。

通常の場合は上記の方法を使用し、高度な場合はModernizrを使用する必要がありますか？それとも、ブラウザが理解できないことを無視することに依存することに何か問題がありますか？

4

2 に答える 2

16

古いブラウザーが CSS3 の内容の多くを完全に無視しているというあなたの意見は完全に正しいです。

そのため、私は基本的なセレクターで css3 を実行します..しかし、多くの場合、modernizr の機能のないクラスを使用して、古いブラウザーのケースを処理します。

div.box { 
         height:50px; 
         -moz-box-shadow: 3px 3px 5px #555; 
         -webkit-box-shadow: 3px 3px 5px #555; }

div.box span.fakeshadow { 
         display:none; 
}

.no-boxshadow div.box span.fakeshadow { 
         display:block; background: url('fakeshadowbg.png'); 
}

それがより明確になることを願っています。

于 2009-12-09T04:08:54.793 に答える
6

一部のブラウザーがまだサポートしていない (html 5) 要素を使用できます。また、フォールバック スタイルを指定することもできます。

多くのブラウザーは、text-transform などのために独自の CSS ルールを作成します。Modernizr を使用すると、1 つのルールを記述でき、Modernizr は複数のブラウザーでそれを実現します。

便利なだけだと思います。

于 2009-11-17T16:17:15.477 に答える