Как отобразить <div>через апплет Java в Chrome - PullRequest
10 голосов
/ 08 июня 2011

Я вставил элемент iframe в свою HTML-страницу:

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

applet.html выглядит так:

<html>
<head>
</head>

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

Проблема в том, как отобразить элемент div (с позицией: absolute) поверх апплета Java, который находится внутри iframe.

Я пытался использовать другой элемент 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> 

Отлично работает в IE, Firefox, но не в Chrome.

Ответы [ 2 ]

10 голосов
/ 16 июня 2011

Я нашел статью, которая, кажется, предлагает решение, поэтому я не буду претендовать на кредит за его разработку:

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

Из статьи:

Решение состоит в том, чтобы иметь третий Ифраме С в Ифраме А. Ифраме С имеет Z-индекс в Ифраме А, который выше чем z-индекс апплета. это расположен так, что это прямоугольник как считается верхней страницей идентичен Ифраме Б наложение.

Я вставил второй код IFrame с вашей главной страницы в applet.html примерно так:

<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>

И, похоже, он добился цели в хроме.

Я получил границу рамки, но, думаю, это поправимо. Попробуй.

1 голос
/ 13 апреля 2012

Эта проблема частично решена с помощью последних обновлений, по крайней мере, для MacOSX:

Я тестировал DIV с причудливыми CSS-эффектами, такими как непрозрачность, тени и закругления углов над апплетом, он хорошо работает в Safari, Firefox 11и Chrome 19: никаких проблем в композиции, никаких глюков ... никаких фреймов!Действительно расстраивает.Я не знаю, для Windows?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...