css PIE ne fonctionne pas

Question

J'essaie d'afficher des coins arrondis avec CSS PIE, et il ne fonctionne tout simplement pas. S'il vous plaît jeter un oeil à my website for reference. Vous verrez que dans IE7 & IE8 il n'y a pas de coins arrondis sur la petite zone de connexion en haut, ni les boutons de nav dans l'en-tête (et plusieurs autres endroits).

Voici un extrait de code CSS:

hgroup > div { 
padding-bottom:5px; 
background:#003399; 
border-radius:0px 0px 5px 5px; 
behavior:url(http://rentcondos4less.cloudmedia.biz/app/webroot/js/PIE.htc); 
position:relative; 
text-align:center; 
color:#FF9900; 
-webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,102,0.7); 
-moz-box-shadow:1px 0px 1px 0px rgba(0,0,102,0.7); 
box-shadow:1px 0px 1px 0px rgba(0,0,102,0.7); 

} 

Je peux accéder à l'URL en tapant dans un navigateur, donc je sais qui fonctionne. J'ai essayé de télécharger le fichier PIE.php dans ce dossier et de l'utiliser à la place, ainsi que le fichier .js. Donc, même s'il y avait un problème de type de contenu, le service du fichier php aurait dû résoudre cela. J'ai la position: par rapport à la force hasLayout.
Quelqu'un peut-il voir où je pourrais avoir mal tourné?

Answer 1

Si vous rencontrez des problèmes avec le comportement de la fonction PIE non appliqué, vérifiez la configuration de votre serveur et, si possible, mettez-la à jour pour utiliser le bon type de contenu. Pour Apache, vous pouvez le faire dans un fichier .htaccess:

AddType text/x-component .htc 

Pour IE8 vous devez ajouter en plus

-ms-behavior:url(http://rentcondos4less.cloudmedia.biz/app/webroot/js/PIE.htc); 

il a besoin du -ms- au début