gpt4 book ai didi

jquery - 我的菜单隐藏在 DIV 后面。将隐藏或不工作

转载 作者:行者123 更新时间:2023-11-28 06:18:42 25 4
gpt4 key购买 nike

您好,我正在创建母版页。在母版页中,我使用 jquery 和 css 创建了一个下拉菜单,它在某些页面中工作正常,但在某些页面中隐藏这些页面包含一个 div。它在 div 下面工作,因此它在某些页面中不可见。我附上CSS 和 HTML 代码。在母版页菜单的情况下工作正常但应用 .aspx 页面工作但它隐藏在 div 中。

body
{
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nav, #nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
line-height: 1.5em;
}

#nav a
{
display: block;
padding: 0px 5px;
border: 1px solid #333;
color: #fff;
text-decoration: none;
background: #595651;
}

#nav a:hover
{
background-color: #fff;
background: #F86000;
}

#nav li
{
float: left;
position: relative;
}

#nav ul
{
position: absolute;
display: none;
width: 12em;
top: 1.5em;
}

#nav li ul a
{
width: 12.8em;
height: auto;
float: left;
}

#nav ul ul
{
top: auto;
}

#nav li ul ul
{
left: 12em;
margin: 0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
{
display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul
{
display: block;
}

语言:lang-html

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="adminmenu.ascx.cs" Inherits="UserControls_adminmenu" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../MainStyles/Menu3.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src="../Jquery/jquery-1.2.3.min.js"></script>
<script type='text/javascript' src="../Jquery/menu.js"></script>
<link href="../MainMenucss/MaimSlideMenu.css" rel="stylesheet" type="text/css" />
</head>
<ul id="nav">
<li><a href="">Operation</a>
<ul>
<li><a href="#">Transmittal Operations</a>
<ul>
<li><a href="#">New Internal Transmittal</a></li>
<li><a href="#">New External Transmittal</a></li>
<li><a href="#">Issued Deliverables(External Docs)</a></li>
<li><a href="#">Non Deliverable Transmittal</a></li>
<li><a href="#">Transmittal logout</a></li>
</ul>
</li>
<li><a href="#">General Document Manager</a></li>
<li><a href="#">Forward Transmittal Mails</a></li>
<li><a href="#">Editor Projects</a></li>
<li><a href="#">Hard Copy management</a>
<ul>
<li><a href="#">Hard Copy Issue Register</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Master</a>
<ul>
<li><a href="#">General Metadata</a></li>
<li><a href="#">Phase Specific MetaData</a></li>
<li><a href="#">Permission settings</a></li>
</ul>
</li>
<li><a href="#">Help</a></li>
</ul>

最佳答案

在css中使用z-index属性来管理元素堆栈的顺序,即哪个元素应该出现在另一个元素的顶部,给你想要出现在顶部的元素一个更高的值。

div { z-index: 500;}
ul { z-index: 1000;}

如果它们重叠,这将使 ul 元素出现在 div 元素的顶部。

祝你好运

关于jquery - 我的菜单隐藏在 DIV 后面。将隐藏或不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35739594/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com