CSS3または画像を使用してコーナーを丸める？

Question

違いは何ですか、今、それらを作成する最良の方法は何ですか？

イメージで作成した丸みを帯びた角は、すべてのブラウザで動作するはずです：簡単な言葉で

Answer 1

CSS3、間違いを。より速く、よりクリーンで、すべての主要なブラウザでサポートされています。 IEは必要（驚き、驚き）workaround though：あなたはCSS3を使用したくない場合は

-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
behavior: url(border-radius.htc); 

Answer 2

。

と近代的なブラウザでCSS3の作業で作成されたものではなく、IE

違いと今それらを作成するための最良の 方法は何ですか？

CSS3の borer-radiusプロパティと最新のブラウザのベンダー固有のプレフィックスを使用する必要があります。同様にIEで働いて丸みを帯びた角を取得するには、使用することができます。

• CSS3Pie

PIEは 最も有用なCSS3の装飾機能のいくつかをレンダリングするInternet Explorerの6-8 が可能になります。ここ

コーナー丸めクロスブラウザの例である：

#myAwesomeElement { 
    border: 1px solid #999; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(path/to/PIE.htc); 
} 

Answer 3

あなたはjQueryのプラグインCurvyCorners

を使用することができます

Answer 4

http://coffeelog.itsatony.com/?p=86が動的に仕事をするjQueryプラグインのlc_roundz - コーナーを透明にしたい場合でも（複雑な背景で使用する場合など）。

$("#image").lc_roundz({ 
radius: 20, // corner-radius 
newDadSelector: "", // jQuery style selector string to allow attachment anywhere in the DOM. empty string will inject the canvas next to the original 
newid: "%oid_after_lc_roundz",  // the new ID for the canvas object. %oid will be replaced with the id of the original object 
width: -1,               // -1 uses the original image's width 
height: -1,     // -1 uses the original image's width 
replace: false,           // boolean to decide whether the original should be removed from the DOM 
corner_color: [0,0,0,0]      // this means TRANSPARENT ... R,G,B,alpha [0-255] each 
});