background image aide

grâce à l'aide, a fini avec cettebackground image aide

html { position: relative; min-largeur: 950px; hauteur: 100%; Arrière-plan: url noire (images/GrassBG.png) centre supérieur répété;

font:13px "Lucida Grande",Helvetica,Arial,sans-serif; 
}

body.main { largeur: 950px; marge: 0 auto; position: relative; }

est-il possible lorsque vous utilisez un div pour une image- de fond pour limiter la hauteur seulement le contenu affiché? Im mettre l'image de fond dans un div parce que je veux centré par la position: relative mais l'image ne se présente pas à moins que je mets une hauteur sur la div, et ce n'est pas ce que je veux parce que je ne veux pas être en mesure de il suffit de faire défiler vers le bas de l'image où il n'y a pas de contenu

ive essayé de mettre l'image de fond sur le corps CSS mais si le navigateur est inférieur à la largeur de l'image, il jette juste à gauche et vous ne peut en voir que la moitié - n'y a-t-il aucun moyen de faire la position de l'arrière-plan: relatif sur le corps?

désolé si qui ne marche pas donner un sens> <

grâce

pourquoi pouvez-vous pas utiliser position: relative; sur le corps?

Source

2010-04-26 Gazow

Si vous avez résolu votre problème par vous-même, pensez à poster une réponse à votre question. – Ham

Vous pouvez définir la hauteur de votre div à 100% et la définir avec no-repeat pour l'empêcher de se propager dans la div. Assurez-vous que tous ses éléments parents contiennent une hauteur de 100% (jusqu'à body). Il ne se forcera donc pas à une certaine hauteur. Il va juste remplir la page. Tout cela suppose, bien sûr, que vous ne vous souciez pas d'interagir avec ce qui est en dessous de la div en question.

<style> 
body, 
#parent { 
    height: 100%; 
} 

#the_one_with_the_background { 
    background: url('background.png') no-repeat top center; 
    height: 100%; 
    width: blahpx /* You're still going to have to define a width of some sort */ 
} 
</style> 

<body> 
    <div id="parent"> 
     <div id="the_one_with_the_background"> 
     </div> 
    </div> 
</body>

Source

2010-04-26 20:21:10 dclowd9901

il ne semble pas montrer toute l'image avec juste en utilisant le 100% – Gazow

background image aide

Répondre

Questions connexes