Bonjour,

J'ai superposé des éléments:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<div id="canvas">
 
  <!-- du code HTML -->
 
  <object type="text/html" data="/cgi-bin/myCGI.cgi" wmode="transparent">
    <param name="wmode" value="transparent"/>
  </object>
 
</div>
Pour simplifier myCGI.cgi est une page Web comme suit:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<img src="http://127.0.0.1:7200" />
Le CGI se connecte à un serveur et reçoit une vidéo en MJPEG.

J'aimerais que mon code HTML se trouvant dans le div "canvas" soit au-dessus de la vidéo. De plus, les événements liés à la souris (ex. onClick, onMove, etc) soient pris en compte.

J'ai ajouté la propriété wmode="transparent" mais cela ne marche pas. De même pour la propriété CSS z-index.

J'ai même remplacer object par iframe ; toujours sans succès.

A noter que le code ci-dessous marche correctement:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<div id="canvas">
 
  <!-- du code HTML -->
 
  <img src="http://127.0.0.1:7200" />
 
</div>
Mais je suis obligé d'utiliser un CGI...

J'espère pouvoir trouver une piste dans ce forum.

Merci d'avance.