Afficher la totalité d'un background-image d'une <div> plus petite que le conteneur parent

[Mohamedrez]

Salut tout le monde

j'ai deux div :

Code :

1
2
3
4
<div style="width:20px;height:10px;position:relative">
<div style="background-image:url(monimage.png);top:-1px;left:-3px">
</div>
</div>

j'aimerai affiché monimage.png au coin haut gauche du premier conteneur mais le problème c'est que l'image est plus grande que le conteneur 70px*70px donc j'ai qu'une petite partie qui s'affiche , comment faire pour afficher toute l'image

Merci beaucoup

[ornitho13]

Salut,

A part en utilisant le css3, ce n'est pas possible.
La propriété css3 background-size permet de redimensionner les images placé en fond de conteneur.

Sinon il faut que ton image fasse, de base, la taille de ton conteneur.