Je viens d’installer une nouvelle version (1.9) du #plugin #SPIP « CSS imbriqués ». Cette version améliore très nettement la compatibilité des pseudo-classes #CSS3 -spip-border-radius et -spip-box-shadow :
►http://plugins.spip.net/CSS-imbriques
Le plugin ajoute automatiquement le comportement PIE.htc dans ces pseudo-classes, ce qui les rend directement actives sous Internet Explorer.
Pour rappel, pour faire une boîte avec un bord arrondi, il suffit de faire :
.maboite {
background-color : red ;
-spip-border-radius : 4px ;
}
Et on obtient des bords arrondis sous quasiment tous les navigateurs existants (sauf, je crois, Opera), le plugin remplaçant le code par :
.maboite {
background-color: red;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.htc);
position: relative;
}
(La position est ajoutée s’il n’y a pas déjà une position indiquée explicitement, pour assurer le fonctionnement du comportement.)