28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Voilà, j'ai une vignette sur laquelle j'ai utilisé la technique

<p>
<a href="#" class="vignette">
<img id="vign1" src="vignette.png" alt="vignette1" /><span><img src="roll.png" alt="roll" /></span>
</a>
</p> 


L'ensemble associé à a:hover, etc.

Cela marche bien sur très bien. Le problème c'est que l'image qui s'affiche doit recouvrir l'image de départ et donc ensuite je ne peux pas avoir de roll-out.
Voici le lien pour une explication imagée :
http://www.pierre-leccia.net/anduze1/index.html

Il faut cliquer sur l'image ronde dans l'image de fond.
Quelqu'un saurait-il comment faire pour réaliser un roll-out par exemple en cliquant sur l'image ouverte ? Le tout en restant en CSS.

Merci pour votre aide !!!