국경 반경 역 CSS

Question

내 문제를 설명하는 가장 좋은 방법은

가 크롬, 파이어 폭스와 사파리에서이이 쇼의 방법입니다 .. 이미지입니다 있다가 보면 얼마나 :

012 :

http://i.stack.imgur.com/V9bVG.png

이 내 CSS입니다

border: 0px solid #777777; 
background: url("../image/shop.png") no-repeat scroll 0 0 transparent; 
cursor: pointer; 
font: bold 0px 'Trebuchet MS'; 
padding: 23px 0px; 

-moz-border-radius: 0px 0px 0px 13px; 
-webkit-border-radius: 0px 0px 0px 13px; 
-khtml-border-radius: 0px 0px 0px 13px; 
border-radius: 0px 0px 0px 13px; 
float: left; 
width: 57px; 

무슨 일이 벌어지고있는가? 제발 도와주세요.

Answer 1

내가 게시 한 코드는 IE9에서 저에게 적합합니다. 따라서 특이성 오류 일 수 있습니다. 빠른 테스트 방법은 각각의 스타일 선언 끝에 !important을 추가하는 것입니다. 확인하는 더 좋은 방법은 F12 키를 누르고 왼쪽에서 관심있는 요소를 찾은 다음 오른쪽에있는 추적 스타일을 클릭하는 것입니다. 브라우저가 입력 한 스타일을 적용하고 있는지 확인하십시오. 그렇지 않은 경우 CSS 속성 옆에있는 더하기 단추를 클릭하여 스타일 할당이 어디서 오는지 확인하십시오.

아니면 시도 할 수 있습니다 :

-webkit-border-bottom-left-radius: 13px; 
-moz-border-radius-bottomleft: 13px; 
border-bottom-left-radius: 13px; 

Answer 2

이 요소가 direction: rtl; (직접 border-radius 또는 해당 요소의 부모로부터 상속를 가진 요소에)있을 때 발생 IE9의 버그입니다.

해결 방법은 요소에 direction: ltr;을 적용하는 것입니다.