CSS 파이는 IE 8에서 작업하지만, 9

Question

나는 국경 반경 다음 코드를 사용하고 IE에서 작동하지 않습니다 : 그것은 IE 9에서 잘 작동

.box { 
    width:250px; 
    height:250px; 
    background:#ce0000; 
    border-top-left-radius: 15px; 
    border-bottom-left-radius: 5px; 
    border-bottom-right-radius: 5px; 
    border-top-right-radius: 15px; 
    behavior:url(images/PIE.htc); 
} 

을하지만 IE 8. 오전에 작동하지 않습니다 내가 잘못하고있어? 워드 프로세서 당

Answer 1

는, PIE는 속기 국경 반경 규칙을 지원 : PIE는 구문 분석 모든 CSS 속성에 대한

는 이러한 속성의 축약 버전이 인식됩니다. 예를 들어 border-radius가 지원되지만 개별 길이는 border-top-left-radius 등의 속성은 지원되지 않습니다.

그 이유는 (위 참조) 같은 이유로 URL을 CSS 파일에 상대 해결되지이다 : PIE는 각 스타일 속성이 어디에서 오는지에 대한 가시성이 없습니다. 속기 및 길이 속성이 모두있는 경우 PIE는 CSS 작성자가 해당 속성을 지정한 순서를 결정할 수 없으며 각 속성의 선택기의 고유성을 결정할 수도 없습니다. 따라서 어느 속성이 우선되어야하는지에 대한 정보에 입각 한 결정을 내릴 수는 없습니다 ( ).

멍청한 추측을 피하기 위해 우리는 속기 속성 만 지원하기로했습니다. 속기는 파일 크기를 작게 유지하고 지루한 반복을 피하기 위해 선택되었습니다.

http://css3pie.com/documentation/known-issues/#shorthand

그래서이 당신의 CSS를 변경하려고 :

.box { 
    width:250px; 
    height:250px; 
    background:#ce0000; 
    border-radius : 15px 15px 5px 5px; 
    behavior:url(images/PIE.htc); 
}