0

重複の可能性:
クロスブラウザの曲線境界

デザインされた境界線を含む div やその他の要素を作成したいと思います。境界線は基本的な CSS 対応の境界線になります。コーディングはできますが、 rounded-borders 属性をクロスブラウザー対応にするための最良の方法とプロセスを知りたいです。(少なくとも、広く受け入れられているブラウザ (Chrome、Firefox、IE、Safari) の中で)。ポインタはありますか?

4

3 に答える 3

0 
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;

ソース

于 2012-09-19T13:28:35.303 に答える
0

このborder-radiusプロパティは、Internet Explorer (バージョン 9 以降)、Firefox (バージョン 4 以降)、Chrome、Safari、および Opera で既にサポートされています。ただし、確実に使用したい場合は、次のようなものを使用できます。

.border-radius {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

それが役に立てば幸い。

于 2012-09-19T13:49:06.580 に答える
0

この役立つサイトを見てみましょう http://www.css3.info/preview/rounded-border/ 説明と実際の例があります W3Cのアドバイスも見てください。非常に役立つ http://www.w3.org/TR/css3-background/#corner-shaping

于 2012-09-19T15:32:13.247 に答える