2016-05-18 1 views
0

J'essaie d'avoir une image HTML pour ajuster une page (le corps entier) afin qu'elle s'étire automatiquement si plus de contenu est ajouté (débordement). Je ne veux pas avoir une image positionnée en absolu. J'ai essayé cela pendant 3 jours, mais je n'arrive pas à le faire fonctionner.Avoir une image comme image d'arrière-plan, s'étirer jusqu'à la fin de la page

Veuillez n'utiliser que CSS et HTML.

Merci!

+1

Qu'est-ce que vous essayez. ? –

+0

Vous devrez définir les hauteurs des balises '' et '' sur 100%, puis définir la hauteur de l'image sur 100%. Même ainsi, vous devrez toujours définir le positionnement de l'image comme absolu, sinon vous ne pourrez rien placer * au-dessus de celui-ci. –

+0

Vous devriez au moins tenter de le coder par vous-même. Stack Overflow n'est pas un service d'écriture de code. Je suggère que vous fassiez des recherches supplémentaires, soit via Google ou en cherchant SO, faire une tentative et. Si vous avez encore des problèmes, revenez avec votre code et expliquez ce que vous avez essayé et pourquoi cela n'a pas fonctionné. [sur le sujet] (http://stackoverflow.com/help/on-topic) –

Répondre

0

hauteur de jeu de html à 100%

body { 
    background-image:url("path/myImage.jpg"); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
} 

html { 
    height: 100%; 
} 
0
body 
    { 
    background-image: url('path/to/image.jpg'); 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover; 
    } 

html 
    { 
    height: 100%; 
    } 
0
body { 
    background-image: url("http://www.planwallpaper.com/static/images/HD-Wallpapers1_FOSmVKg.jpeg"); 
    background-size: 100%; 
} 

que ce code est-elle suffisante