Aller au contenu

Transparence


Nissone

Sujets conseillés

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 :

<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>

Lien vers le commentaire
Partager sur d’autres sites

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:

Amicalement,

Loupilo.

Lien vers le commentaire
Partager sur d’autres sites

Merci Loupilo, j'ai fais la modif dans mon code ; au moins, il est plus "propre". :)

Par contre, ça ne change rien  :(

<{POST_SNAPBACK}>

Alors je ne vois pas comment faire :huh:

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 :lol: ).

Amicalement,

Loupilo.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...