Superposition éléments et hiérarchie
Bonjour,
J'ai superposé des éléments:
Code:
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:
<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:
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.
