Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Java Applet overlapping menu on Chrome

Posted on 2013-11-03
3
Medium Priority
?
1,477 Views
Last Modified: 2013-12-18
In Brief: The Java Applet overlaps menu on Chrome (version 30.0), but in Firefox it works correctly. I've checked out several forums, but nothing seems to work for me.


In Detail:
When I hover over the drop-down-menu, it goes behind the java applet. I've assigned z-index to my drop-down menu and renders the menu over all content in the frameset, but the Java Applet.

Following is the frameset structure for that particular page. Any help is deeply appreciated.

<div id="drop-down-menu"><ul> ... </ul></div>

<iframe id="frame1">
  <frameset rows="50,*,30">
    <frame src="top_menu.jsp" id="frame2">
    <frameset cols="35,*">
      <frame src="tree_navigation.jsp" id="frame4">
      <frameset cols="20,*,0,0>
        <frame src="toolbar.jsp" id="frame5">
        <frame src="welcome.jsp" id="frame6">
        <frame src="java_applet.jsp" id="frame7">
        <frame src="other.jsp" id="frame8">
      </frameset>
    </frameset>
    <frame src="footer.jsp" id="frame3">
  </frameset>
</iframe>

Open in new window

0
Comment
Question by:qutbud
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 

Accepted Solution

by:
qutbud earned 0 total points
ID: 39621988
For Chrome:
I figured out that rendering applet in an iframe causes it always render above the menus, despite the z-index for iframes.

From an old post from 2007 from a now defunct site:
The solution is to have a third Iframe C within Iframe A. Iframe C has a z-index within Iframe A that is higher than the z-index of the Applet. It is positioned so that it's rectangle as considered by the top page is identical to that of the Iframe B overlay.

IE
The menu has to be in an iframe and can be overlayed on the applet (in iframe) wit hz-index.

Firefox
The menu can be rendered directly in the DOCUMENT and overlayed on the Applet (in iframe) with z-index.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this post we will learn how to make Android Gesture Tutorial and give different functionality whenever a user Touch or Scroll android screen.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…
Suggested Courses

715 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question