All geek questions in one place

Floating div not showing above applet inside iframe in Chrome

I am loading an external page with an applet in an iframe. And I need to display a floating div above this iframe. If I use a relative or absolute position for the contained divs and a higher z-index for the floating div, it works fine in firefox, but it doesn't work in Chrome or IE. Both chrome and IE display a floating div below the applet.
Any pointers to this?
If I use some kind of page, I don’t have an applet in the iframe, then it works fine.
I went through similar problems and looked if I put the div at the same level as the applet and gave a higher z index, which it works, but this is the external page that I load, and I can not do something there put.

I have a code something like this:

<div id="div1" style="position: absolute; z-index:1;"> <iframe src="http://xyz...." width="400" height="200" ></iframe> </div> <div id="div2" style="position: absolute; top:20; z-index:5"> Floating div content </div>
+4
source share
1 answer

First, pay attention to these points.

  • The <applet> not supported in HTML5. Use the <object> tag instead.
  • The <applet> element has been deprecated in HTML 4.01.

Then make sure the java plugin (JRE) is updated for the browser. Recently, the Chrome browser supports the applet tag. Previously, it was not used to support the applet tag.

0
source

Source: https://habr.com/ru/post/1433615/

More articles:


All Articles