Utiliser CSS3Pie dans Wordpress ... Tout faire correctement, ne fonctionne toujours pas

Question

J'essaie d'obtenir les coins arrondis dans IE8 sur les onglets de navigation de mon curseur: csr.steelcase.com ... ("Notre Vision", "Note de notre PDG", etc)

Le site est programmé dans WordPress, et j'ai installé CSS3PIE correctement selon plusieurs articles que j'ai lus, mais pour une raison quelconque, je ne peux toujours pas obtenir les coins à rond dans IE8. J'ai également essayé de créer un lien vers le fichier PIE.htc à la place ... sans résultat.

body.company .flex-control-paging li a.flex-active{background: white; color:#333; 
-webkit-border-top-left-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px; 
zoom: 1; 
position: relative; 
behavior: url(http://csr.steelcase.com/wp-content/themes/steelcase360_theme_csr/pie_ver1/PIE.php); 
} 

Quelqu'un a-t-il des idées? Merci de votre aide.

Answer 1

PIE.htc ne supporte que la version abrégée du rayon de la frontière, utilisez donc ceci:

body.company .flex-control-paging li a.flex-active{ 
    background: white; 
    color:#333; 
    -webkit-border-radius: 10px 10px 0 0; 
    -moz-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0; 
    zoom: 1; 
    position: relative; 
    behavior: url(http://csr.steelcase.com/wp-content/themes/steelcase360_theme_csr/pie_ver1/PIE.php); 
} 

http://css3pie.com/documentation/supported-css3-features/#border-radius