Bonjour,

J'ai superpos� deux div. l'un comprenant du texte (ou autre), et l'autre comprenant une image (ou une vid�o). (Je ne rentre pas dans les d�tails pour ne pas compliquer les choses).

Les div "image" et "texte" sont superpos�s. Voici le code HTML simplifi�:

Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
<div id="canvas" width="640" height="480"> 
  <div id="texte" width="640" height="480">  
    <!-- text --> 
  </div> 
  <div id="image" width="640" height="480"> 
     <iframe src="/cgi-bin/getImage.cgi"> 
     </iframe> 
  </div> 
</div>

On peut voir que dans la div "image", j'utilise un iframe qui fait appel � un CGI. Ce dernier affiche une image:

Code : S�lectionner tout - Visualiser dans une fen�tre � part
<img width="640" height="480" id="player" src="/images/Camera 1.png" />

En faite, il faudrait que j'utilise la tag object � la place de iframe, mais j'ai un probl�me avec IE8: l'image provenant du CGI cache le texte. Malgr� l'utilisation du param�tre wmode="transparent", je n'arrive pas � mettre l'image en arri�re plan. D'ailleurs si vous avez une solution pour r�soude ce probl�me je suis preneur...

Donc en utilisant iframe je peux voir le texte par dessus l'image. Sauf que, toujours avec IE8, j'ai un probl�me au niveau des �v�nements javascript, tel que onClick, onMove, etc. Sur les autres navigateurs comme Firefox et Chrome, les �v�nements javascript sont d�tect�s sans probl�mes. Or sur IE8 cela ne marche pas.

J'esp�re trouver une solution ici.

J'aimerais ajouter une pr�cision. Sachant que j'ai ajout� les �v�nements JavaScript � l'�l�ment div ayant l'id canvas.

Les �v�nements sont captur�s si la souris se trouve sur un �l�ment de la div ayant l'id texte. Par contre, pas de d�tection si la souris se trouve sur l'image, c'est-�-dire sur la div ayant l'id image.

J'ai l'impression que c'est � cause de l'iframe...

Comment pourrais-je faire ? Aidez-moi s'il-vous-pla�t, je suis bloqu� la-dessus.