CSS3 PIE не работает в IE8 или ниже

Нет изогнутых границ. 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

источник

2014-01-24 pee2pee

по какой причине, PIE не будет работать, если вы удалите !important из background правила.

Хотя я не видел этого в 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; 
}

источник

2014-01-24 14:07:56 Transparent

Amazing ... действительно. Благодарю. Что делать, если они мне нужны? – pee2pee

CSS3 PIE не работает в IE8 или ниже

ответ

Смежные вопросы