Opacité qui varie sur une image en background

Bonjour,

Voilà mon problème:

Je souhaiterais mettre une image en background d'une page (c'est une texture) et que l'opacité de cette image varie selon la position: en haut, opacité à 100% et plus l'on descend dans la page, plus l'opacité diminue.

J'arrive à le faire avec une couleur mais avec avec une image, je galère.
J'espère que j'ai été clair.

Si quelqu'un à une idée.

Merci d'avance.

Deux divs superposées, l'une avec l'image en BG et l'autre avec l'opacité qui diminue ?

JE sais pas si ca marche, mais je te propose d'essayer.

Sinon, ta deux générateur CSS pour ça :

http://www.colorzilla.com/gradient-editor/ malheureusement ça fonctionne pas sous IE (en tous cas pas chez moi)

Ou


Un tuto très léger : http://www.alsacreations.com/tuto/lire/813-css3-background-radial-gradient.html