Salut,
j'essaie avec le code suivant de créer un effet de transparence avec javacsript lorsque je passe la souris sur mon div et sur les lignes de ma table (j'ai déjà essayé avec css mais j'ai toujours le même résultat que javascript).
Le problème est que tout marche bien sous mozilla, et non sur ie
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css" > tr{ background-color:#000099; color:#FFFFFF; } div{ background-color:#000099; color:#FFFFFF; } </style> </head> <body> <div onmouseover="this.style.opacity=0.5;this.style.filter='alpha(opacity=50)';" onmouseout="this.style.opacity=1; this.style.filter='alpha(opacity=100)'"> TATATAT<br> TATATAT<br> TATATAT<br> TATATAT<br> TATATAT<br> </div> <p> <table width="665" border="1"> <tr onmouseover="this.style.opacity=0.5;this.style.filter='alpha(opacity=50)';" onmouseout="this.style.opacity=1; this.style.filter='alpha(opacity=100)'"> <td>aaa</td> <td>aaa</td> <td>aaa</td> </tr> <tr onmouseover="this.style.opacity=0.5;this.style.filter='alpha(opacity=50)';" onmouseout="this.style.opacity=1; this.style.filter='alpha(opacity=100)'"> <td>bbb</td> <td>bbb</td> <td>bbb</td> </tr> <tr onmouseover="this.style.opacity=0.5;this.style.filter='alpha(opacity=50)';" onmouseout="this.style.opacity=1; this.style.filter='alpha(opacity=100)'"> <td>ccc</td> <td>ccc</td> <td>ccc</td> </tr> </table> </body> </html>.
Avez vous une idée sur le problème ?
Merci de votre aide.
Partager