Position de l'arrière-plan ne se positionnera pas

J'ai mon site enveloppé dans un grand DIV, appelé wrapper, qui commence juste après <body> et se termine juste avant. C'est à dire.Position de l'arrière-plan ne se positionnera pas

<body> 
    <div id="wrapper"> 
    ... website ... 
    </div> 
</body>

J'ai le code suivant styling #wrapper

#wrapper { 
width: 960px; 
margin: 0 auto; 
padding: 0 7px; 
background: #c1cca0 url(images/fade.gif) repeat-y scroll 0 300px; 
}

Cependant, l'arrière-plan commence à se répéter au sommet de la page, au lieu de 300 pixels vers le bas. Puis-je ne pas utiliser repeat-y conjointement avec background-position, ou y a-t-il autre chose qui me manque?

Source

2010-01-17 Jon

Veuillez utiliser http://doctype.com/ – hobodave

Avez-vous essayé d'autres valeurs que 300px? Peut-être que cela semble juste que l'image commence juste au sommet de l'élément. Mais si votre image fait environ 300 pixels de haut, elle peut être décalée d'une répétition. – Gumbo

Je ne suis pas sûr, mais pourriez-vous essayer de définir la position arrière-plan en utilisant son propre propriété, comme:

background-position: 0px 300px;

S'il vous plaît dire, si cela le corriger.

Source

2010-01-17 21:13:38 Pindatjuh

Je pense que c'est ça, ou le fait que vous utilisez '0' au lieu de' 0px'. –

0 est une valeur parfaitement valide. –

Merci pour les suggestions. J'ai essayé #wrapper { \t largeur: 960px; \t marge: 0 auto; \t rembourrage: 0 7px; \t arrière-plan: # c1cca0 url (images/fade.gif) repeat-y scroll; \t position d'arrière-plan: 0 700px; } mais toujours pas de chance. – Jon

peut en conjonction avec background-position-je pas utiliser repeat-y,

Oui, vous avez raison .. Il n'y a pas de sens à la combinaison de repeat-y et la position de .. absoudre répétabilité y overrides ..
Je ne sais pas ce que fade.gif est exactement (comme il est seulement littéral dans votre code) .. donc je ne peux pas essayer la solution alternative ..

Source

2010-01-18 06:43:08

Je peux me tromper ici mais Je pense que la source de votre problème est que le #wrapper n'a pas de hauteur propre. Essayez de lui donner une hauteur fixe pour tester ceci .... c.-à-d. #wrapper {height: 500px;}

Source

2010-01-18 08:57:24 Tom

Position de l'arrière-plan ne se positionnera pas

Répondre

Questions connexes