-webkit-границы радиус: 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;}

Кто-нибудь может мне помочь? Спасибо Тапас

Answer 1

Вы уверены, что используемая версия Safari поддерживает сокращенную версию CSS3 для значений радиуса границы? Попробуйте установить их с помощью

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

В качестве альтернативы вы можете взглянуть на использование http://leaverou.github.com/prefixfree/, и это избавит вас от необходимости указывать несколько префиксов браузера.

Answer 2

В Safari 4.0.4 (и, возможно, в некоторых других) есть ошибка, которая не любит сокращение границ радиуса.См. этот пост из CSS Wizardry.Вам придется определить версии веб-набора с помощью разметки:

-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;

Как указано в ответе Дэна.