2014-01-24 2 views
0

곡선 테두리가 없습니다. IE9 이상 작동합니다.CSS3 PIE가 IE8 이하에서 작동하지 않습니다.

http://cscsu.org.uk/WiltshireMedicinesManagement/csu.htm 내가

<!DOCTYPE html> 
<html lang="en-US"> 
<head> 
<style type="text/css"> 

.wpdm-metro { 
behavior:url(/border-radius.htc); 
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
-khtml-border-radius:8px; 
border-radius:8px; 
margin-bottom:2px; 

margin: 0 5px 7px 0; 
height:120px; 
width:45%; 
background:#66cc33 !important; 
color:white !important; 
} 
</style> 
</head> 

<body> 
<div class="wpdm-metro"> 
</div> 
</body> 
</html> 

내가 분명히 뭔가 잘못을하고 있는가 가지고있는 매우 버전을 박탈인가? 파일이 존재 (border-radius.htc)와 난 어떤 이유를 들어

답변

1

, 당신은 background 규칙에서 !important을 제거하지 않는 PIE가 작동하지 않습니다를 .htacccess하는 AddType text/x-component .htc을 추가했습니다.

documentation에서 언급 한 내용을 본 적이 없지만 거의 동일한 문제에 직면했을 때 제게 도움이되었습니다.

.wpdm-metro { 
    behavior:url(/border-radius.htc); 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
    -khtml-border-radius:8px; 
    border-radius:8px; 
    margin: 0 5px 7px 0; 
    height:120px; 
    width:45%; 
    background:#66cc33; 
    color:white; 
} 
+0

놀라운 ... 정말. 감사. 그래도 내가 필요하다면? – pee2pee

관련 문제