Posted on 2007-08-02
Last Modified: 2012-08-13
i've a top navigation - and i've a flyover using simple DIV tags with the help of css.

right now this flyover is not going top of active x components i know why. but i need to make the menu to overlay and come front on activex components like applets and flash. i know about chrome menus and shim (??) but the pbm is how do i fit just my flyover in this situation.

in my html its something like this:-

<li>menu1</li> -- top level menu i've an image here

and the flyover tag like this

<div id='flymenu'>

any help is greatly appreciated. thanks for your time.
Question by:ram_0218
    LVL 16

    Accepted Solution

    LVL 3

    Assisted Solution

    Is your flyover in an absolutely positioned  and ID'd div of its own? If not, it needs to be.You then set the shim iframes width,height,top,left css attributes to match those of the flyover div, making sure the z-index of the flyover div is 1 more then the z-index of the shim. Then just set the display attribute for each to "block" or "inline", instead of "none", and you should be ready to go. Let me know if you need code, and I'll gladly post some.

    :) David
    LVL 3

    Expert Comment

    BTW - as you know, the z-index of the shim has to be higher than the z-index of the objects you are overlaying.

    :) David

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Today I would like to talk about localizing (Internationalization) JavaScript applications. Introduction When creating an application that is going to be used by many people around the globe, it is important to remember that not everyone speak…
    In Part 1 ( we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    728 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

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now