[Fixed] Taille d'une image extensible.

Bonjour,

Je souhaiterais savoir comme puis-je m'y prendre pour rendre une image de fond extensible.
Pour l'instant l'image fait partie de la mise en forme; elle se trouve dans mon CSS sous a forme: background-image:url(blalbla..)
Hélas je n'ai pas trouvé de propriété CSS qui convienne.

Merci pour vos futurs réponses.
Modifié par Dexe (19 Jun 2008 - 09:41)

Bonjour,

Dexe a écrit :
Hélas je n'ai pas trouvé de propriété CSS qui convienne.

C'est normal, il n'y en a pas. Les images de fond ne sont pas extensibles.

La seule manière d'avoir une image extensible c'est de l'avoir dans le code HTML (élément IMG), et de donner à cette image une largeur dépendant de BODY ou de son conteneur (un width: 100%, à priori). Si on veut l'utiliser comme image de fond, il faudra la positionner en absolu avec un z-index faible, et positionner le contenu en relatif avec un z-index plus fort.

Problèmes:
- c'est un peu de la bricole, et il faut insérer une image dans le code HTML;
- pas de possibilité de répétition en hauteur, largeur, etc.;
- les navigateurs ne sont pas très bons pour adapter proprement les images, de toute façon.

Un webdesigner avisé évitera de prévoir des images extensibles.

Merci pour la réponse je vais voir si j'arrive à faire quelque chose de propre de cette manière.

En effet je confirme que laisser le redimensionnement au navigateur est une mauvaise idée. La qualité du rendu de l'image en souffre particulièrement.