IE9의 둥근 모서리

IE의 모든 버전에 seperate CSS을 배치하고 아래 CSS를 사용하려고하지만 roundedcorners을주지 않으려 고합니다.IE9의 둥근 모서리

는 사람이 옳은 길을 여기

날을 지적 할 것은 내 CSS입니다 :

-moz-border-radius-topleft:5px; 
    -moz-border-radius-bottomleft:5px; 
    -moz-border-radius-bottomright:5px; 
    -webkit-border-top-left-radius:5px; 
    -webkit-border-bottom-left-radius:5px; 
    -webkit-border-bottom-right-radius:5px; 
    display:none; 
    background-color:#ddeef6; 
    position:absolute; 
    width:230px; 
    z-index:150; 
    border:1px transparent; 
    text-align:left; 
    top: 24.5px; 
    right:84px; 
    margin-top:-53px; 
    margin-right: 0px; 
    *margin-right: -1px; 
    color:#789; 
    font-size:11px; 
    padding: 5px;

그리고 URL의 아무도 날 위해 일하지 아래에 추가하여 시도하고 나는 그들이 내가 beore 절대적으로 완벽하게 일을 생각한다 그 (것)들을 사용하고 그 후에 잘 작동했다 그러나이 경우에는 무언가는 나의 CSS 부분으로 잘못되었다.

behavior url('css/PIE.htc') 
behavior url('css/ie-css.htc') 
behavior url('css/border-radius.htc')

출처

2012-01-18 coder

CSS에서 공급 업체별 규칙을 사용하고 있습니다. IE9은 "표준화 된"버전을 사용

border-radius: 5px 0 5px 5px;

-moz- 특정 규칙은 유사한 방식으로 단축 할 수있다. Webkit (내 지식) 짧은 양식을 허용하지 않습니다.

다음은 몇 가지 추가 정보입니다 : border-radius.

출처

2012-01-18 19:45:33

@ Jonah - 완벽하게 작동 했으므로 고맙습니다. 왼쪽 상단, 하단 오른쪽 및 하단 만 남겨두면 어떻게 바꿀 수 있습니까? – coder

제가 제공 한 규칙은 네 모퉁이를 수행해야합니다. 나는 그 순서가 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래라고 믿는다. 개별적으로 지정하려면'border-bottom-left-radius' 등을 사용하십시오. –

그게 마술을했습니다. 그리고 올바른 방법으로 나를 가리켜 주신 것에 다시 한 번 감사드립니다. – coder

border-radius-topleft를 추가하십시오. 5px; border-radius-bottomleft : 5px; border-radius-bottomright : 5px;

출처

2012-01-18 19:44:12

IE9의 둥근 모서리

답변

관련 문제