Verticalement étirement de l'image de fond
Je suis à essayer de comprendre comment un étirement de l'image d'arrière-plan à la verticale. Je suis à l'aide de CSS3 avec les 3 images de la manière suivante:
background-image: url("left.png"), url("right.png"), url("center.png")
background-repeat: no-repeat, no-repeat, repeat-x
background-position: top left, top right, top
Maintenant, je veux agrandir ces images à la verticale pour qu'ils s'étendent tout le chemin vers le bas. Est-il un moyen de faire cela?
- Je ne le pense pas. Vous pouvez redimensionner (stretch/squish)
<img>
tags: la solution peut impliquer de mettre un<img>
en arrière-plan, en position absolue et ces. - Cela pourrait être un bon endroit pour chercher: stackoverflow.com/questions/1150163/...
- Aussi, je suis sûr que vous n'êtes pas censé de mettre des guillemets autour de vos
url
s comme ça.
Vous devez vous connecter pour publier un commentaire.
Je suis en retard pour la fête ici, mais c'est ce qui a fonctionné pour moi:
Cela permettra d'ajuster l'image à la verticale et laisser la largeur de faire ce qu'il doit faire (je pense qu'il répète par défaut). Vous pouvez également définir:
pour elle de ne pas répéter l'image dans le sens horizontal.
background-position: center;
background-size: cover;
vaut la peine d'explorerEssayer:
première
100%
est pour la largeur et la deuxième pour la hauteur. Dans votre cas, vous avez besoin de la deuxième série de100%