28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je recherche en vain d'appliquer une image de fond étirable pour mes titres H3.
Je précise que c'est une image que je veux étirer et non répéter Smiley cligne

J'essaie donc de trouver une solution qui passe sur tous les navigateurs (donc pas de background-size:cover), par exemples par imbrications d'éléments avec mon image dans le HTML auquelle j'appliqerais un width: 100% pour qu'elle s'étire.

Malheureusement, après de nombreuses tentatives, toutes ont échouées. C'est pourquoi je sollicite votre aide Smiley smile . Merci d'avance.
bonsoir,

Vielle asuce :
le duo position:relative/absolute; + coordonnées comme astuce de fond etitable (ne fonctionne que si le navigateur se contente des coordonnées pour dimensionné l'image)

<h3><img src="fdetirable.png" alt="" /> texte du h3</h3>


h3 {position:relative;}
h3 img {position:absolute;top:0;left:0;bottom:0;right:0;}


++