Version complète: sur le forum Webmaster Hub : Transparence
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Nissone
Bonjour,

j'ai une div transparente à 60% ; à l'intérieure de celle-ci, j'ai un lien.
Je souhaiterais qu'au passage de la souris, le lien revienne en opacité 100%... mais je n'y arrive pas.

Est-ce que quelqu'un peut m'aider ?

Voici, épuré pour être plus clair, le code que j'utilise :
CODE
<html>
<head>
    <title>test lien filter</title>
    <style>
 a:hover {filter:alpha(opacity=100); -Moz-Opacity:1; opacity:1}
    </style>
</head>
<body>
    <div style="filter:alpha(opacity=40);-Moz-Opacity:0.4;opacity:0.4">
 <div>Une autre div</div>
 Ligne<br/>
 <a href="index.php">Lien</a>
    </div>
</body>
</html>
Loupilo
CITATION(Nissone @ 08 Nov 2004, 16:47)
Bonjour,

j'ai une div transparente à 60% ; à l'intérieure de celle-ci, j'ai un lien.
Je souhaiterais qu'au passage de la souris, le lien revienne en opacité 100%... mais je n'y arrive pas.

Est-ce que quelqu'un peut m'aider ?


Euh, essaie peut être :
a:hover {filter:alpha(opacity=140);opacity:1.4}
(moz-opacity est obsolète)

unsure.gif

Amicalement,
Loupilo.
Nissone
Merci Loupilo, j'ai fais la modif dans mon code ; au moins, il est plus "propre". smile.gif
Par contre, ça ne change rien sad.gif
Loupilo
CITATION(Nissone @ 08 Nov 2004, 18:53)
Merci Loupilo, j'ai fais la modif dans mon code ; au moins, il est plus "propre". smile.gif
Par contre, ça ne change rien  sad.gif
*


Alors je ne vois pas comment faire huh.gif
Et ça m'étonnerait que ce soit possible...
Il faudrait réussir à opacifier le fond du div, et non pas le div en entier.
Après on opacifirait les liens, pour donner le même résultat qu'en opacifiant le div en entier, et on les désopacifirait au survol.

Mais je ne vois pas comment mettre ça en œuvre, ou alors il faudra faire appel à du JavaScript (et je ne suis plus, la laugh.gif ).

Amicalement,
Loupilo.
Nissone
En tout cas, merci de ton aide.
Et si je trouve une solution, je vous tient au courant wink.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.