Aller au contenu

Sujets conseillés

Posté

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>

Posté
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.

Posté

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

Par contre, ça ne change rien :(

Posté
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.

Veuillez vous connecter pour commenter

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



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