Petit soucis avec un rollover
midnnight
Messages postés
514
Statut
Membre
-
midnnight Messages postés 514 Statut Membre -
midnnight Messages postés 514 Statut Membre -
Bonjour,
petit soucis avec un rollover :
Je souhaiterais que l'image soit plus sombre avant le rollover puis qu'elle séclaire plus au survol.
Le prob, c'est que j'ai beau inverser les class ça n'y fait absolument rien.
L'image est toujours claire au départ et s'obsurcit au survol...
Vous avez une idée svp ?
CODE
1 ere soluce
<html>
<head>
<style type="text/css">
body{background-image: url(bgindex.jpg);color:#ffffff;text-align:center;}
a.roll img { opacity: 1.0; filter:alpha(opacity=100); }
a.roll:hover img { opacity: 0.4; filter:alpha(opacity= 60); }
</style>
</head>
---------
2ème soluce
<html>
<head>
<style type="text/css">
body{background-image: url(bgindex.jpg);color:#ffffff;text-align:center;}
a.roll img { opacity: 1.0; filter:alpha(opacity=60); }
a.roll:hover img { opacity: 0.4; filter:alpha(opacity= 100); }
</style>
</head>
<body>
<a href="111.html" class="roll"><img border=0 src="lcc2.jpg"></a>
</body>
<html>
ça ne change rien chez moi et vous ?
===>HELP ???
petit soucis avec un rollover :
Je souhaiterais que l'image soit plus sombre avant le rollover puis qu'elle séclaire plus au survol.
Le prob, c'est que j'ai beau inverser les class ça n'y fait absolument rien.
L'image est toujours claire au départ et s'obsurcit au survol...
Vous avez une idée svp ?
CODE
1 ere soluce
<html>
<head>
<style type="text/css">
body{background-image: url(bgindex.jpg);color:#ffffff;text-align:center;}
a.roll img { opacity: 1.0; filter:alpha(opacity=100); }
a.roll:hover img { opacity: 0.4; filter:alpha(opacity= 60); }
</style>
</head>
---------
2ème soluce
<html>
<head>
<style type="text/css">
body{background-image: url(bgindex.jpg);color:#ffffff;text-align:center;}
a.roll img { opacity: 1.0; filter:alpha(opacity=60); }
a.roll:hover img { opacity: 0.4; filter:alpha(opacity= 100); }
</style>
</head>
<body>
<a href="111.html" class="roll"><img border=0 src="lcc2.jpg"></a>
</body>
<html>
ça ne change rien chez moi et vous ?
===>HELP ???
A voir également:
- Petit soucis avec un rollover
- Petit point vert snap ✓ - Forum Snapchat
- Petit 2 ✓ - Forum Windows
- Point vert sur Snapchat - Forum Snapchat
- Comment imprimer une photo en petit ✓ - Forum Photo numérique
- Trier du plus petit au plus grand excel - Guide
