css - How to manage z-index of navigation menu? -


I have ASP.NET applications with the navigation menu. I have created the back menu (C #) in the code using the HtmlGenericControl class ("UL" and "LE" elements) and CSS. CSS resembles the following:

  ul.navMenu {padding: 0px; Margin: 0 px; Width: 1000 pixels; List style: none; Status: Relative; Z-index: 100000; } Ul.navMenu ul {status: absolute; Left: 0; top 100%; display none; Padding: 0 pixels; Margin: 0 px; } Ul.navMenu li {display: inline; Swim left; Status: Relative; } Ul.navMenu is a {text-decoration: none; Padding: 10px 0px; Width: 100px; Background: Gainsborough; Color: # 010101; Swim left; Text align: center; Limit: 1px solid #ffffff; Text-transform: uppercase; } Ul.navMenu a: hover {background: # d91703; Color: #ffffff; } Ul.navMenu ul a {width: 150px; Font-size: 10px; } Ul.navMenu ul li {display: block; Margin: 0 px; } Ul.navMenu li: Hover UL {display: block; } Ul.navMenu ul ul {top: 0; Left: 100%; } Ul.navMenu li: hover ul ul {display: none; } Ul.navMenu ul li: Hover UL {display: block; }   

The problem is that when I set the Z index to 100000 to keep above all the other elements, some windows that are pop up and are visible through the menu Those who are not feeling good, please take a look at the screen shot given below where you can see the white pop-up window and the menu line. Menu should not be shown It should be behind the window.

I'm not sure how it works.

screen shot

As a rule of thumb ... When planning your app design, you think about different layers that you will show. Think of those who are being shown at the top and those who are going down with others.

When you do this, just keep your separate layers at a higher level and keep in mind that without the backend, the index has a z-index of 0.

If you want to be able to "incorporate" future layers among your existing people without reading your styles, then you should give them 10.

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -