image de fond n'affiche pas dans IE6 et IE7

I Have 3 divs HTML Markupimage de fond n'affiche pas dans IE6 et IE7

<div class="top-content-wrapper"></div> 
<div id="content-wrapper"> 
</div> 
<div class="bottom-content-wrapper"> 
</div>

appliquée CSS sur

.top-content-wrapper { 
background:url("img/white-box-top-bg.gif") no-repeat scroll left top transparent; 
height:10px; 
margin:0 auto; 
padding:0 30px; 
width:686px; 
} 
#content-wrapper { 
background:url("img/white-box-middle-bg.gif") repeat-y scroll left top transparent; 
margin:0 auto; 
padding:10px 25px 70px; 
width:696px; 
} 
.bottom-content-wrapper { 
background:url("img/white-box-bottom-bg.gif") no-repeat scroll left top transparent; 
height:53px; 
margin:0 auto; 
padding:0 30px; 
width:686px; 
}

Dans tous les principaux navigateurs son fonctionne bien, mais dans IE6 et IE7 l'arrière-plan ne montre pas s'il vous plaît aidez-moi. Merci.

Source

2010-05-21 user255631

Y at-il du contenu réel dans les divs? Essayez de mettre quelque chose là-dedans comme – Sam152

@Sam qui pourrait effectivement l'être - pourquoi ne pas en faire une réponse. –

Non sûr, mais peut être que vous avez un mauvais ordre de paramètres pour les arrière-plans. La bonne façon de les trier est celui-ci:

background: transparent url("img/white-box-middle-bg.gif") repeat-y scroll left top;

En outre, comme Sam152 dit dans les commentaires, il peut être le cas que vous n'avez pas contenu dans vos divs, donc ils ne seront pas montrer dans certains navigateurs du tout.

Source

2010-05-21 11:40:17 Seb

C'est soit ceci, soit le contenu manquant dans le div comme le souligne Sam. Même si ce n'est pas la raison du problème, ce genre de choses est la raison pour laquelle je suis vraiment contre la notation abrégée. Ecrire toutes les valeurs correctement et intégralement est * tellement * beaucoup mieux et plus clair quand il s'agit de déboguer. –

Hé, merci de son travail oui c'est à cause d'un mauvais ordre de paramètres. – user255631

Je suis content d'avoir pu aider :) N'oubliez pas de marquer cette réponse comme correcte, afin que les autres qui voient ce problème à l'avenir sachent comment le résoudre. – Seb

Certains navigateurs (généralement IE) ne l'aiment pas lorsque vous avez des div divs ou divs avec seulement des espaces blancs. Généralement, il est préférable d'insérer un caractère non-breaking space() pour s'assurer que le navigateur pense réellement qu'il vaut la peine d'afficher.

Source

2010-05-21 12:50:12 Sam152

image de fond n'affiche pas dans IE6 et IE7

Répondre

Questions connexes