probleme de background sous mozilla et pas sous IE

**scorpion.os** · 09/04/2007, 15h14

Bonjour tout le monde,
j'ai un petit souci concernant les background de la balise td sous mozilla.
voici un petit exemple:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<body>
  <table>
   <tr>
    <td background="Hiver.jpg" onMouseOver="this.background='Nénuphars.jpg';">
test<br>test<br>test<br>test<br>test<br>testestestestestestestest<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
    </td>
   </tr>
  </table>
</body>

alors,noralement sous IE quand je fais passer la souris sur cette zone,l'image change,mais sous mozilla ca marche pas.
j'espère que je suis clair et que vous pourrez m'aider. merci d'avance

**MasterOfChakhaL** · 09/04/2007, 15h21

Salut,

Code :

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

<td background="Hiver.jpg" onMouseOver="this.background=url('Nénuphars.jpg');">

Dans un cas, tu utilises la propriété html background (obsolète). Dans l'autre tu utilises la propriété css background (recommandée).
La syntaxe n'est pas la même...

**scorpion.os** · 09/04/2007, 15h27

Merci pour ta reponse.

Code :

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

"this.background=url('Nénuphars.jpg');"

ca ne marche ni sous IE ni Mozilla,je fais quoi alors

**MasterOfChakhaL** · 09/04/2007, 15h34

il manquait un petit bout:

Code :

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

this.style.background

**scorpion.os** · 09/04/2007, 15h42

j'ai deja essayé ca avant de poster ici.
this.style.background='Nénuphars.jpg';
this.style.background-image=url('Nénuphars.jpg');
this.background='Nénuphars.jpg';
this.background-image=url('Nénuphars.jpg');
et ca aussi, this.background-image='Nénuphars.jpg';
je me suis dis que ca pouvait fonctionner,mais malheureusement c'est pas le cas.

**scorpion.os** · 09/04/2007, 15h43

j'ai oublié de mentionner que je travaille sous IE 6 et Mozilla 2.0.0.3

**MasterOfChakhaL** · 09/04/2007, 15h48

La propriété correcte est background-image.
La propriété background est un raccourci, mais je pensais ca pouvait suffire.

en Javscript, les noms de prorpriétés qui ont plusieurs mots ne sont pas les même qu'en css. Cf FAQ javascript: http://javascript.developpez.com/faq...css.javascript

tu peux essayer ceci:

Code :

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

this.style.backgroundImage = "url('nenuphar.gif');"

Si ca ne fonctionne pas, je ne vois pas trop. P'tet quelque chose qui interfère dans ta page

probleme de background sous mozilla et pas sous IE

HTML

Vue hybride

Discussions similaires

Partager

Partager