-webkit-border-radius：10px;サファリで動作していません

Question

-webkit-border-radius:10px; 

はサファリで動作していません。私はこのようなすべてのブラウザにCSSを使用しました：

.nav {border:1px solid #e5e5e5;width:100px;height:32px;-moz-border-radius: 8px 8px 0px 0px;-webkit-border-radius: 8px 8px 0px 0px;-khtml-border-radius: 8px 8px 0px 0px;behavior:url(../images/PIE.htc);border-radius: 8px 8px 0px 0px;} 

誰かが私を助けることができますか？ ありがとう Tapas

Answer 1

使用しているSafariのバージョンでは、ボーダー半径の値にCSS3を使用することをお勧めしますか？また、あなたがhttp://leaverou.github.com/prefixfree/を使用して見ていることがあり、これは、複数のブラウザプレフィックスを指定するあなたの必要性を排除します

-webkit-border-top-left-radius 
-webkit-border-top-right-radius 
-webkit-border-bottom-left-radius 
-webkit-border-bottom-right-radius 

でそれらを設定してみてください。

Answer 2

Safari 4.0.4（おそらく他のいくつか）には、ボーダー半径の短縮が嫌なバグがあります。 CSS Wizardryのthis postを参照してください。短縮形のマークアップを使用してWebkitのバージョンを定義する必要があります：

-webkit-border-radius: 8px; 
-webkit-border-bottom-right-radius: 0; 
-webkit-border-bottom-left-radius: 0; 
-moz-border-radius:8px 8px 0 0; 
border-radius:8px 8px 0 0; 

Danの答えで示唆されています。