CSS - Puis-je redimensionner l'image de fond en changeant la largeur et la hauteur?

Question

Compte tenu de la règle CSS suivante,

#block1 { 
text-indent: -1000em; 
background: transparent url(../images/xxx.png) no-repeat scroll center center; 
width: 100px; 
height: 50px; 
display: inline-block; 
} 

On suppose l'image xxx.png est de dimension 100px par 50px. Si j'ai besoin de rendre cette image affichée sur # block1 semble plus petite, puis-je simplement changer la largeur et la hauteur de # block1 ou je dois d'abord redimensionner l'image, puis modifier la largeur et la hauteur de # block1 en conséquence.

merci

Answer 1

Vous ne pouvez pas en CSS1 et 2, mais CSS3 prend en charge la propriété background-size, qui si vous définissez à 100% devrait vous donner ce que vous recherchez.

Toutefois, vous devriez probablement juste redimensionner l'image d'arrière-plan, sauf si vous avez une raison impérieuse de ne pas le faire :)

Answer 2

pas, l'image juste apparaître à rogner.

Answer 3

CSS peut seulement positionner l'image, ne pas l'ajuster. Si vous aviez absolument besoin de redimensionner l'image via CSS, vous devez insérer l'image en tant que balise img, puis la positionner derrière le contenu. Il est préférable de l'éditer.