Discussion :

[ivan91]

Bonjour,

J'aimerai faire une sorte de rollover, à l'aide d'une image en jouant sur l'opacité.
Mais evidemment, IE et FF ne réagissent pas de la même manière.

Pour vous faire une idée, ça se passe ici : http://pinguinoweb.free.fr/v3/wp/index.php

Voilà mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="#" class="rollopaque"><img src="image.png" /></a>

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 a.rollopaque img {
 
filter:alpha(opacity=50);
 
-moz-opacity: 0.5;
 
-khtml-opacity: 0.5;
 
opacity: 0.5;
 
border:1px solid #663333;
 
 padding:0; 
 
height:
 
  }
 
a.rollopaque:hover img {
 
  filter:alpha(opacity=100);
 
-moz-opacity: 1;
 
-khtml-opacity: 1;
 
opacity:1;  
 
  }

J'ai donc dû rater quelque chose ...
Si quelqu'un a une idée, ça serait formidable.

Par avance merci.

[ivan91]

Personne n'a une petite idée ?