6
votes

CSS Plusieurs arrière-plans ne fonctionnent pas sur IE8

J'ai la classe CSS suivante définie:

.box .login {
    border: 0;
    float: right;
    clear: both;
    height: 48px;
    background: url(../images/submitr.gif) no-repeat right;
    line-height: 20px;
    padding: 12px 42px 16px 23px;
    margin: 8px 22px;
    color: #FFF;
    font-weight: bold;
}


3 commentaires

Qu'entendez-vous parmi plusieurs arrière-plans? Parlez-vous d'une approche à base de sprite, ou essayez-vous d'attribuer 2 arrière-plans à un élément.


Je ne vois aucun arrière-plan multiple dans votre CSS existant.


Il ne répond pas à votre question, mais peut-être que quelqu'un pourrait être intéressé par un polyfill: CSS3PIE.com


3 Réponses :


2
votes

Internet Explorer 8 ne prend pas en charge CSS 3 Plusieurs arrière-plans.


0 commentaires

9
votes

Plusieurs arrière-plans sont une spécification CSS3. IE8 ne comprend pas CSS3, et IE9 pour cette affaire ne comprend pas tout . Pour le faire fonctionner dans des navigateurs plus âgés, vous devrez combiner les images en une ou superposez plusieurs éléments pour les faire afficher les uns sur les autres. z-index: est votre ami: -)


1 commentaires

Ajmaxwell, ce n'est pas correct, IE9 prend en charge plusieurs arrière-plans.



8
votes

Eh bien, je suis un peu en retard, je suppose, mais il existe des moyens d'avoir des arrière-plans à plusieurs mûrs avec CSS2.1 qui fonctionnent dans IE8:

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/


1 commentaires

Très cool, je l'ai eu pour travailler! a pris une aide supplémentaire d'ici webdesigneC.CO/faking-Multiple-backgrounds-in -E8 mais je l'ai compris, merci !!!