Comment afficher & lt; div & gt; sur une applet Java dans Chrome

- Je incorporer élément iframe dans ma page HTML:

<iframe src="applet.html" frameborder="0" style="width: 600px; height: 600px;"></iframe>

applet.html ressemble à ceci:

<html>
<head>
</head>

<body>
    <applet code="ClockApplet.class" width="100%" height="100%">
    </applet>
</body>
</html>

Le problème est: comment faire pour afficher un élément div (avec position: absolute) sur une applet Java qui est à l'intérieur de l'iframe.

J'ai essayé d'utiliser un autre élément iframe:

<html>
<head>

</head>
<body>
    <iframe src="applet.html" frameborder="0" style="width: 600px; height: 600px;"></iframe>

    <iframe src="javascript:false;" frameborder="0" style="position: absolute; top: 10px; left: 10px; width: 150px; height: 150px; z-index: 99"></iframe>
    <div style="position: absolute; top: 10px; left: 10px; background-color: gray; height: 150px; width: 150px; z-index: 100">Hello World</div>
</body>
</html>

Fonctionne très bien sous IE, Firefox mais pas sur Chrome.

source d'informationauteur Bald | 2011-06-08

  1. 10

    J'ai trouvé un article qui semble apporter une solution, donc je ne vais pas demander le crédit pour venir avec elle:

    http://www.oratransplant.nl/2007/10/26/using-iframe-shim-to-partly-cover-a-java-applet/

    De l'article:

    La solution est d'avoir un troisième Iframe
    C dans l'Iframe A. Iframe C est un
    z-index à l'intérieur de l'Iframe qui est plus élevé
    que le z-index de l'Applet. Il est
    placé de sorte qu'il est rectangle
    considéré par le haut de la page est
    identique à celle de l'Iframe B
    la superposition.

    J'ai collé deuxième code IFrame de votre page principale en applet.html comme:

    <iframe src="javascript:false;" frameborder="0" style="position: absolute; top: 10px; left: 10px; width: 150px; height: 150px; z-index: 1"></iframe>
<applet code="ClockApplet.class" width="100%" height="100%">
</applet>

    Et il semblait faire l'affaire dans chrome.

    J'ai obtenu une image de la frontière, mais je devine que c'est réparable. Lui donner un aller.

  2. 1

    Ce problème est en partie résolu avec la dernière mise à jour, au moins sur MacOSX:

    J'ai testé les DIVs avec de jolis effets CSS comme l'opacité, les ombres et les coins ronds sur une applet, il est bien dans Safari, Firefox 11 et Chrome 19: pas de problème dans la composition, aucun problème.. pas les iframes!

    Il est toujours en panne sur Ubuntu, si. Vraiment frustrant. Je ne sais pas pour Windows?