J'ai un élément auquel j'ajoute une classe.La position d'arrière-plan ne fonctionne pas lorsque le nom de classe a été modifié dans IE7
le style est:
.bg{ background: url(/images/background.png) no-repeat top center #000; }
Quand j'ajoute la classe avec javascript l'image de fond apparaissent, et la couleur montre, mais le positionnement ne fonctionne pas.
Cela fonctionne très bien dans tout sauf IE
Vous n'êtes pas en utilisant le raccourci CSS background: correctement - vous manque la partie background-repeat. Il devrait être quelque chose comme ceci:
.bg {
background: #000000 url(/images/background.png) no-repeat scroll center top;
} /* ^ ^ ^ ^ ^
color image repeat attachment position */
Vous avez défini une valeur verticale (en haut), et qui n'existe pas (milieu).
Les valeurs verticales sont top, center et bottom, tandis que le horisontal sont left, center et right. Lorsque vous utilisez les deux, le premier est horizontal et le second vertical, vous les avez donc reculés.
Utilisation:
.bg{ background: #000 url(/images/background.png) no-repeat center top; }
En fait, je ne répétition là-dedans. Mon erreur, je l'ai omis. Le problème n'est pas le CSS. Il semble bien, si la classe est là quand la page se charge. Cependant si la classe est ajoutée avec javascript. La position de fond n'est pas respectée. (IN IE) – jayemvee
Je fais toujours 'background: #bgcolor url (nom de fichier) no-repeat 0 0;' et cela semble fonctionner plutôt bien. – JAL
-1. Il n'y a pas de valeur "moyenne", et vous avez échangé les valeurs verticales et horizontales. Vous pourriez vouloir vérifier la page que vous avez liée à ...;) – Guffa