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

아무도 도와 줄 수 있습니까? 감사합니다. 타파스

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-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의 답변에서 제안했습니다.