Div qui passe devant une image.

Bonsoir,

sur mon site les images sont zoomable quand on clic sur un lien un popup s'ouvre avec la nouvelle image aggrandi.

j'aimerais savoir comment m'y prendre pour creer une div avec une image qui me permettrais de faire en sorte que l'image soit recouverte par un leger filigramme. et ce de facon automatique.

j'ai donc pensez au CSS avec une div en absolute. mais je n'arrive pas a trouver une solution convenable.

Existe il des solutions propres et sans bavure ? ou bien comment dois je m'y prendre.

il faut savoir également que les images zoomer n'ont pas forcément la même taille. ce qui complique un peu la chose.

Merci de me mettre sur la voie.

++
fab

Creuses du côté de z-index et de opacity pour ton div...

Merci pour le conseil

donc j'ai vu l'option z-index mais je n'arrive pas a trouvé opacity

cette option s'utilise comment ? est elle compatible avec tout les navigateurs ?

Encore merci

++
fab

bon j'ai reussi a faire quelques chose de pas mal... a l'aide de Z-index.

maintenant j'aimerais savoir comment je peux faire pour qu'une div s'adapte en largeur et en hauteur en fonction de la taille de la div conteneur.

voici comment ce presente le popup image.

<div id="popupun">
<div id="filigramme"></div>
<img src="monimage.gif">
</div>

et le code CSS

#popupun{
z-index: 1;
}

#filigramme{
position: absolute;
z-index: 2;
background-color: #000000;
}

j'aimerais pouvoir faire en sorte que la div filigramme prenne la taille de son conteneur popupun (sachant que ce dernier n'a pas de taille fixe, est ce possible ?)

Encore merci

++
fab