Un fond qui s'étire

Bonjour,

J'utilise un rectangle aux coins arrondis comme fond d'un div (no-repeat), la particularité de ce rectangle c'est que c'est en dégradé diagonalement (coin haut gauche vers coin bas droit)
La technique de l'image repeat-x n'est pas bon pour ce dégradé

Ce que je cherche à faire c'est comment faire pour que le fond s'étire lorsque le div augmente en largeur, pas de HEIGHT fixe mais WIDTH si

Bonjour,

A l'heure actuelle ce n'est pas réalisable.
Il faut se tourner vers la propriété CSS3 : Backgrounds

Je viens de découvrir ces pourcentages en background
Donc aucune solution pour IE et les anciennes versions des autres!

J'utilise plusieurs de ces rectangles donc la solution c'est une image à chaque div

Dernière minute: j'ai trouvé pour IE => http://www.martronic.ch/Navigation/technique/effet-degrade-sous-ie7?set_language=fr&cl=fr, je cherche seulement à faire ce dégradé bidirectionnel mais le problème c'est que ça ne marche pas sur FF maintenant
Modifié par dummycreation (13 Apr 2010 - 14:41)

Hello,

Ce que tu peux faire, c'est implémenter les dégradés CSS d'un côté (pour les "bons élèves", en n'oubliant pas Safari/Webkit), et IE d'un autre côté.

La technique pour IE (règle CSS "filter" propre à ce navigateur) ne fonctionne pas sur les autres navigateurs