5

Web サイトを作成していますが、CSS プロパティ「borderRadius」が「許容可能」かどうかを知りたいです。同様に、誰もがそれをサポートしているブラウザを持っていると期待すべきですか、それともまだサポートされていないので使用しないほうがよいのでしょうか?

4

2 に答える 2

4

ここでhttp://caniuse.comをチェックして、どのブラウザがサポートしているか、どのブラウザがサポートしていないかを確認してください。さらに、http://css3please.comは、最も幅広いサポートのためにそれを実装する適切な方法を教えてくれます。

最初のサイトから、一部のブラウザにはいくつかのプレフィックスを使用する必要がありますが、サポートはそれほど悪くないことがわかります. 2 番目のサイトでは、次の実装が提供されます。

.box_round {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, 
                                  iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding; 
          background-clip: padding-box;      
}

それを理解しないブラウザは無視して、次のルールに進みます。そのため、レイアウトが使いやすさに依存するような方法で使用しないようにしてください。必要な機能ではなく、プログレッシブ エンハンスメントとして使用してください。

于 2012-05-20T03:16:34.950 に答える
2

私の経験では、border-radius を認識しないブラウザーはそれを無視します。したがって、前向きに考えてそれを使用することが最善の利益になります。古いブラウザでは、丸みを帯びた角ではなく、デフォルトのブロックの角が表示されます。

古いブラウザーにその機能がないことを理由に、ブラウザーをアップグレードしたユーザーのユーザー エクスペリエンスを改善することを思いとどまらせないでください。

于 2012-05-20T03:17:52.600 に答える