/1e60d20e612ae13aa93a8abfc00f0476.js

  • 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.)