2014-01-24 74 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),我甚至已經添加到AddType text/x-component .htc .htacccess

回答

1

無論出於何種原因,除非你從background規則中刪除!important PIE將無法正常工作。

儘管我沒有看到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