Z索引在我的菜单上不起作用
Z索引在菜单上不起作用是因为Z索引（z-index）属性只对定位元素（position属性值为relative、absolute、fixed）有效。如果菜单元素没有设置定位属性，Z索引将不会起作用。
要解决这个问题，可以按照以下步骤进行操作：
- 确保菜单元素的position属性被设置为relative、absolute或fixed。例如，可以在CSS中添加以下样式：.menu { position: relative; }
- 确保菜单元素的Z索引值比其他元素的Z索引值高。Z索引值越高，元素在堆叠顺序中就越靠前。例如，可以在CSS中添加以下样式：.menu { z-index: 9999; }
- 检查是否有其他元素的Z索引值比菜单元素更高，导致菜单被其他元素遮挡。可以通过检查其他元素的CSS样式或使用开发者工具来确定是否存在此问题。
如果以上步骤都正确无误，但问题仍然存在，可能是由于其他因素导致的。在这种情况下，可以进一步检查菜单元素的父元素是否设置了overflow属性，或者是否存在其他CSS规则影响了菜单元素的显示。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我有一个导航菜单在一个div和有一个背景图像在其他div设置为绝对，因为它必须在网站的一些稍微不同的位置。现在，该图像是透明的，PNG，它阻止单击导航中的最后一个链接，因为该图像在技术上位于该链接的顶部(在视觉上不是)。
所以我将z-index: 1设置为菜单，这只解决了Firefox上的问题，链接就可以点击了。不过，它在Chrome、Opera和IE上不起作用。
有什么问题吗？
有一个屏幕截图，你可以看到女孩的图像是透明的，当被选中时，它显示技术上是通过联系我们链接的，它以某种方式阻止了它：
菜单和图像不在同一个父div中。
#the-menu {
margin: 17px 0 0 17px
浏览 2提问于2013-07-27得票数 0
回答已采纳
2回答
我提出了这个问题：，这个问题已经解决了。但是我的带有子项的菜单在IE8上不起作用。
我不知道我哪里错了。
这是我的菜单的更新链接：是工作示例。
能帮上忙吗？
浏览 0提问于2012-03-02得票数 1
回答已采纳
我需要帮助和建议，关于z-index在某些层上不起作用，因为它在所有其他浏览器中工作。这是一个演示，所以你也可以看到。
在我的示例中，菜单位于顶部，菜单蓝色背景位于幻灯片图像下方。当用户滚动到幻灯片图像的末尾时，蓝色背景出现。
还有一件事，它也不能在ie7中工作。
任何帮助和建议都将不胜感激。谢谢!
浏览 4提问于2013-07-05得票数 1
1回答
我有一个网站，是一个页面滚动类型。我有一个固定的菜单在顶部，这是很好的工作桌面浏览器。然而，它在移动上不起作用，菜单只停留在顶部，当你向下滚动时，它就消失了。
标题的CSS是：
#header {
background: url('../_images/menu_bg.png');
padding-top: 10px;
position: fixed;
top: 0;
left: 0;
z-index: 9000;
width: 100%;
height: 80px;
}
浏览 5提问于2014-02-26得票数 0
回答已采纳
1回答
我在这里使用jquery的superfish插件：
似乎z索引不起作用，因为任何下拉菜单都与下面的silder重叠
和
鼠标悬停下拉功能不再起作用。
您可以看到菜单正在出现，但被它下面的元素切断了。
我试着在我能想到的任何地方添加一个z索引，但似乎没有什么能解决这个问题。
浏览 2提问于2013-03-25得票数 0
我在一个网站上使用IDX页面。链接在网站页面上运行良好。但是网站的菜单、侧边栏和页脚链接在IDX pages 上不起作用。或者菜单和页脚中的任何其他外部链接在IDX页面上不起作用。
例如，我在视频图标的页脚中放置了一个链接。由于它在悬停时显示良好，但在单击时没有链接，因此在右键单击的新选项卡中打开时，它可以正常工作。
谁能知道问题出在哪里？为什么这些链接不起作用？
浏览 1提问于2014-12-04得票数 1
2回答
剑道菜单z-索引
、、、、
我想把菜单放在任何其他窗口的顶部。但z指数似乎不起作用。这是我的菜单：
@(Html.Kendo().Menu()
.Name("menu").HtmlAttributes(new { @style = "z-index: 50;"})
.Items(items =>
{
这是我的DOM：
浏览 3提问于2015-04-28得票数 1
回答已采纳
2回答
在这个站点：下拉菜单显示在标题图像的后面，我不太理解，因为菜单有z索引: 100；图像有z索引:1；
它在FF中运行良好，但在IE中却不起作用？？
浏览 0提问于2010-08-26得票数 1
4回答
我试着创建一个下拉菜单。这就是我到目前为止所做的： (我使下拉菜单始终可见，以便进行“调试”)
我认为问题很明显:菜单在文本后面。
首先，我想我可以用z-index解决这个问题。
虽然我不太确定哪个元素必须获得z-index属性。
我尝试将整个菜单设置为z-index:100;，同时设置.main的z-index:1;。
之后，我尝试只设置<li>和<a>的z索引，但都不起作用。
浏览 0提问于2011-05-17得票数 0
回答已采纳
1回答
在我的网站：
我有纯CSS下拉菜单。它们似乎适用于Internet Explorer8和Internet Explorer9，但在IE7中，下拉菜单根本不会出现。我在导航栏所在的div上将z-index更改为1000，但是，它仍然不起作用。我从另一个类似的问题中看到有人建议将z-index应用于ul标签。这也不起作用。有什么建议吗？
提前谢谢。
浏览 0提问于2011-10-13得票数 0
回答已采纳
1回答
我在我的页面顶部设置了一个照片滑块，它似乎覆盖了我的下拉菜单的z索引。有人能看到为什么管理的下拉菜单隐藏在图片后面吗？我尝试更改div的z索引，我认为这会影响它，但我的更改似乎都不起作用。
浏览 0提问于2011-08-29得票数 1
回答已采纳
5回答
我有一个包含两个菜单的页面顶部。问题是，当其中一个子菜单被打开时，它就不会显示(另一个菜单包含它)。我试过用z索引，但它不起作用。提前谢谢。页面和代码在中是可维护的。
浏览 11提问于2014-09-09得票数 1
回答已采纳
我在最近的项目中一直在使用foundation，但我以前从未遇到过这个问题。子菜单在移动视图上不起作用，但在浏览器视图上起作用。
这是网站的url ，如果你缩小页面宽度，你会看到子菜单没有显示。
浏览 0提问于2015-05-07得票数 0
1回答
当我将鼠标悬停在菜单上时，我试图使我的页面变暗。我正在使用ubermenu (mega菜单)作为导航菜单，并且在Wordpress上使用X主题。
我已经添加了一个来为页面添加一个变暗的背景。此外，我添加了一个菜单项，以便在将鼠标悬停在mega菜单的一个选项卡上时使页面变暗(在本例中，# -item-443是一个选项卡的ID )。
当我尝试测试代码时，它根本不起作用。我尝试将它添加到Cornerstone可视化编辑器中，它在编辑器中工作，但在实际页面上不起作用。
为什么代码不能应用于页面，这可能是什么问题？
任何帮助都将不胜感激！
使页面变暗的CSS代码：
.dim{
backgrou
浏览 3提问于2018-03-07得票数 0
假设我有一个数组，我想要按键组织它。我想我应该只使用ksort，但这在下面的数组上不起作用。本质上，我想把它组织成A，R，Z。如果我在这个数组上做ksort，它只返回1。
array
(
[Z] => array
(
[dked] => asddadff
[fettyda] => dfdf
[feqed] => aasdf
)
[A] => array
(
[fdkded] => asddadff
[athgda] => dfdf
浏览 1提问于2011-11-18得票数 0
回答已采纳
我使用jquery的下拉列表，当用户悬停主菜单时，它会下拉，它在除IE7和以下的所有浏览器中都工作得很好。我使用z-index在所有元素前面显示下拉菜单，但它不起作用。
菜单项(Dummydummy)位于文本框和按钮的后面
子菜单项的样式为
#sub-menu {
z-index: 1000;
}
文本框和按钮被分组到div中，div的样式是
#grouped {
left: 100px;
position: absolute;
z-index:1;
}
浏览 1提问于2012-04-13得票数 0
回答已采纳
看起来安卓菜单在SurfaceView上不起作用。当视图是SurfaceView时，菜单无法呈现。
有没有人有同样的问题？
谢谢~~
浏览 4提问于2010-05-26得票数 1
我安装了MSSQL Management Studio。由于某些原因，在Windows开始菜单中找不到它。其位置上的所有材料都建议从开始菜单查找开始-由于某些原因，这在Windows 2016 Server上不起作用。它在哪里?
浏览 99提问于2021-01-09得票数 0
我在不同的页面上包含了jekyll的整体菜单。
例如，这个菜单包含在index.html中，但也包括在更深层次上，如/portfolios/someportfolio.html。
现在的问题是，菜单链接在更深的层次上不起作用。它们包括像.../<b>portfolios</b>/menuitem.html这样的子菜单路径。
我能做些什么来解决这个问题？
浏览 2提问于2016-12-19得票数 1
回答已采纳
2回答
如何从右上角的下拉菜单中删除菜单项，我想删除About、Documentation、Support和My Odoo.com account。
我尝试安装disable_openerp_online-8.0.1.1.0模块，但它是针对版本8的，在版本9上不起作用.....
浏览 4提问于2016-09-08得票数 0
1回答
以下是我的简化问题：
我使用一个固定的底部菜单隐藏与z-index:-1 position:fixed，并显示与滚动。但是，菜单中的链接不起作用。
在我的页面中，我使用创建x滚动的元素，但是我使用overflow-x: hidden来禁用水平移动。
这两条规则似乎不能同时起作用。
谢谢你的帮助。
浏览 6提问于2016-05-04得票数 0
回答已采纳
4回答
我有两个div，分别是.navbar和.content。.navbar是固定的，滚动时.content会覆盖.navbar。
JSFiddle演示是请将结果面板放大，这样它就不会显示移动菜单。
但当我打开下拉菜单时，它被隐藏在.content下面。即使我在下拉菜单中设置了比.content更高的z索引，它也不起作用。这只是它的工作方式，还是我错过了什么？在不修改HTML的情况下，有什么解决方法吗？
更新：
与演示完全一样，滚动时.content div应覆盖.navbar div。
浏览 0提问于2014-06-29得票数 0
菜单下拉菜单在画廊页面上不起作用。请检查以下两个链接，例如：-
菜单似乎在所有页面上都工作得很好，除了画廊页面。也许有些js是冲突的。我尝试过jQuery.noConflict()；但它不起作用。有没有人能提供上述问题的解决方案？
谢谢。
浏览 1提问于2012-10-29得票数 1
2回答
我有一个下拉菜单，当单击父菜单时，它会出现在滑块的上方。但是当我试图将鼠标悬停在下拉菜单中的子菜单上时，滑块的后面。我目前正在为bcoz +ve设置-ve z索引值，索引值不起作用，并在滑块后面显示下拉菜单。
.owl-carousel {
z-index: -600 !important;
}
.site-header .top-header-right .content-bot ul li:hover .top-area-sub-menu{
display: block !important;
width:100%;
z-index: -500 !impor
浏览 0提问于2018-10-25得票数 0
1回答
我有一个页面，其中一个插件似乎覆盖了我在移动端的下拉菜单元素的z索引。dropdown设置为z-index: 100;，它适用于所有其他页面，但在我有一个插件的页面上，当它被拖放时，插件会显示在菜单上。要么插件的z-index设置为100，要么它覆盖了下拉菜单的z-index。
所以我找到了插件ID并锁定了它，但没有起作用。
#wpcf7-f337-p187-o1 {z-index: 98;}
首先我以容器元素为目标，不起作用，然后是容器元素，然后是类，不起作用，然后是如下所示的特异性：
.entry-content>.wpcf7{z-index: 98;}
没有起作用
因此，我将该页面
浏览 5提问于2020-05-18得票数 0
回答已采纳
这一问题已于2016年12月提出。请注意，如果您稍后观看此主题，这可能与此无关。
我很难用Javascript和CSS z-index属性重新排序我的SVG。我在用SVG1。我检查过，下面的每一个例子都是在Chrome最新版本上执行的，Chrome支持SVG2。
测试用例
您可以检查并使用它来查看svg2z索引支持是否正常工作(W3C示例在这里可用：，滚动一点直到看到代码段)。
在本例中，我构建了3个矩形:红色、绿色和蓝色。红色和蓝色有style="z-index : -1;"，绿色有style="z-index : 0;"。无论<rect>元素的顺
浏览 2提问于2016-12-20得票数 2
回答已采纳
4回答
粘性肚脐-靴带
、、、、
我想有一个粘性的肚脐在我的网站上，这应该坚持在页面顶部后，用户滚动的标题。
我有这样的代码：
以下是主要代码：
.goToTop {
position: fixed;
top: 0;
height: 70px;
z-index: 1;
}
$(document).ready(function(){
$(window).bind('scroll', function() {
var navHeight = 100; // custom nav height
($(window).scrollTop() > navHeight) ? $
浏览 0提问于2015-08-06得票数 0
回答已采纳
3回答
我正在为一些事情而挣扎。我有两个菜单()，我需要在第一个菜单上的标志。为此，我在第一个菜单上添加了z-index:1。但现在第一个菜单上的链接将不起作用(因为z索引使它们变得落后)。我如何才能保持徽标的原样，并使链接再次工作？谢谢。
浏览 2提问于2015-06-15得票数 0
1回答
我设法用这段代码和Visual Studio 2008制作了菜单：
WNDCLASS wc;
...
wc.lpszMenuName = MAKEINTRESOURCE(IDR_MENU1);
...
if(!RegisterClass(&wc))
...
但是我怎么才能通过按下我选择的按钮来隐藏菜单呢？有ShowWindow()函数，但它在菜单上不起作用...那么我用什么函数来隐藏菜单呢？
浏览 0提问于2010-02-18得票数 1
回答已采纳
用于此站点：
我验证了该网站的XHTML1.0过渡性，现在绝对定位似乎不起作用，最糟糕的是，菜单在IE中无法正常工作，它似乎显示在Div下面。在Firefox和Chrome中，菜单工作正常。
对我在“主”区的定位有什么问题吗？菜单问题是一个溢出问题吗？Z指数的问题？我尝试过这两种方法的变体，但没有在IE.中修复结果。
再次感谢您的任何想法！
浏览 1提问于2009-03-10得票数 0
回答已采纳
2回答
我在这里有一个css菜单，，它在所有的地方都工作得很好，除了IE7 (测试FF，Chrome，Safari，IE8 & IE9，Opera)。在IE7中，下拉菜单隐藏在主背景后面，因为有一个小提示，菜单在悬停时展开，但它位于主背景后面，从菜单下面开始。我已经试了三天多了，但它对此无能为力，真的很令人沮丧。我尝试了几乎所有我能想到的东西，设置菜单元素和背景等的z索引，但都不起作用。有没有人可以看看的站点导航菜单并发布一个修复，如果可能的话。提前谢谢。
浏览 4提问于2012-03-04得票数 0
我有一个侧边菜单，它是由实现的，我的frontView有一个集合视图。点击菜单按钮可以很好地使用SWReveal，但画笔手势在集合视图(启用了水平滚动)上不起作用。有没有人可以帮我强制集合视图接受SWReveal的笔势？
浏览 0提问于2017-04-10得票数 0
1回答
如何获取应用程序菜单的NSMenu (位于苹果菜单旁边的菜单栏中的那个)。
这在我的旧的carbon应用程序上不起作用，mainMenu返回nil。
NSMenu *mainMenu = [[NSApplication sharedApplication] mainMenu];
NSMenu *appMenu = [[mainMenu itemAtIndex:0] submenu];
for (NSMenuItem *item in [appMenu itemArray]) {
NSLog(@"%@", [item title]);
}
浏览 4提问于2015-08-31得票数 0
3回答
动态生成容器的引导下拉菜单z索引
、、、、
我在一个动态生成的容器中使用Bootstra3下拉菜单。下拉菜单出现在新生成的元素后面。见图像参考。
容器项position: relative; z-index: 1;下拉菜单position: absolute; z-index: 10000;
我也用更高的z指数测试了btn组，但没有起作用。
这是一个工作小提琴
浏览 3提问于2014-04-17得票数 0
回答已采纳
1回答
我正在为wordpress主题制作一个长菜单，它出现在两行上。问题是顶部行的子菜单出现在底部行的列表项下。我的解决方案是更改z索引，但我不知道菜单中有多少元素，所以我使用jQuery。这是代码，但不起作用。你能帮忙吗？
jQuery(document).ready(function ($) {
var items;
items=jQuery(".menu>ul>li").length;
for (var i=0; i<items; i++){
jQuery(".menu>ul>li").cs
浏览 5提问于2014-04-04得票数 2
回答已采纳
1回答
我的网站使用wordpress。我有一个右边的标题，就像这里看到的和一个顶部居中的下拉菜单作为伙伴新闻链接的插件。这将使右上角的链接不可点击。我尝试更改中心选项卡的z索引属性，但仍然不起作用。下拉菜单导致实际选项卡/菜单右侧和左侧的可用区域可见，但不可用。
我不是一个程序员，所以我很感谢像我这样的业余爱好者的帮助。
谢谢
Ziad
浏览 1提问于2012-06-04得票数 0
4回答
我正在尝试让侧边栏菜单与content div重叠，其中活动菜单项显示在div上，非活动菜单项显示在下面。ul和div之间的交集会很小，但交错效果会产生一种深度的错觉。
我知道z-index只适用于兄弟元素。因此，以下代码不起作用：
#menu {z-index:0}
#menu li.active {z-index:2}
#content {z-index:1}
<ul id="menu">
<li class="active">Item 1</li>
<li>Item 2</li>
&l
浏览 0提问于2009-07-14得票数 6
在这个网站上：当我有更多的菜单时，它会将搜索栏移动到下一行，但它仍然在特色滑块上可见。在firefox中，这种情况不会发生，搜索栏也是不可见的。
我尝试更改滑块div和搜索栏div的z索引，但不起作用。
浏览 0提问于2011-09-30得票数 0
回答已采纳
1回答
为了提高页面速度，谷歌建议在JavaScript中添加"async“。因此我将jqueryfiles的链接更改为：
它确实提高了页面速度，但“汉堡”菜单在手机上不起作用。菜单不再打开。将jquery-link从head部分移到body部分没有任何效果。
在座有人有解决方案吗？
浏览 12提问于2017-03-03得票数 0
2回答
我在让下拉菜单显示滑块的正面有问题。它不能在下拉列表中添加z索引，但是我可以将z索引添加到滑块中，但是滑块上的导航不起作用。
演示：
滑翔机来自amazingslider.com
下拉列表在 FOTO上
浏览 11提问于2014-08-23得票数 0
回答已采纳
我想通过google maps.But使用Dojo创建一个上下文菜单，它在地图上不起作用，但在其他元素中上下文菜单起作用。
我尝试创建一个google地图侦听器：
Google.maps.event.addListener(地图，‘右键单击’，函数(){create_menu(“mapa_div”)})
但它也不起作用
有什么建议吗？
提前感谢
浏览 0提问于2011-06-02得票数 1
我有一个菜单，我使用CSS在悬停时打开，但在手机上不起作用，所以我也试着把onclick放在上面。在onclick上打开它，但我不能关闭它。我设置菜单的位置是-200，然后在悬停时位置向左变为0，这会使菜单滑出。我的javascript是
function openMenu(){
document.getElementById('colorchanger').style.left = 0 + 'px'
}
对于该div，我的HTML是
<div id="colorchanger" onMouseDown="
浏览 1提问于2013-06-30得票数 1
2回答
我在放置正确的z-index css代码时遇到了问题。
我的下拉菜单并不在所有内容的顶部，您可以在这里看到：
我尝试过在任何地方添加z-index代码，但它似乎对我不起作用。
希望你能帮帮我！
(我无法访问所有的css代码，因为我使用的是电子商务标准平台。Z索引代码需要放在.dropdown或.kolommen css代码中的某个位置。提前感谢)
浏览 3提问于2013-11-25得票数 0
2回答
这就是我的Mac上的应用程序菜单。
📷
📷
这是在ubuntu 18.04上。
在顶部的Pycharm中只有一个菜单项quit，其他菜单项如File、Edit、View都在不同的栏上，我如何使它看起来像macOS？
📷
顺便说一下，当我搜索它的时候，我发现了这个扩展。但看起来它在18.04上不起作用，使系统不稳定。
浏览 0提问于2018-05-14得票数 15
是否可以在菜单URL中使用我在function.php中定义的php变量
这实际上不起作用：
例如，在变量$path中，我存储了每个用户的用户名，以便他们可以访问自己的配置文件。
浏览 0提问于2017-09-12得票数 1
0回答
我刚接触语义UI，我正在尝试让一些响应式的文本菜单项放在我的页面顶部，这些菜单项总是对齐到页面中心。。
<div class="ui text menu">
<a class="blue item" href="#">Home</a>
<a class="blue item" href="#">About</a>
<a class="blue item active" href="#">C
浏览 4提问于2016-07-18得票数 1
回答已采纳
1回答
我已经做了一个网站，其中有一个下拉菜单。当下拉菜单被调用时，网页的其余部分不会改变，因为我已经给了页面position:relative;。
下拉列表的z-index比页面的要高，所以它始终是可见的。我唯一的问题是，当有人悬停在下拉菜单上时，我还想更改下拉菜单的background-color。
但不幸的是，当我将鼠标悬停在下拉菜单上时，浏览器会认为我在页面上悬停，但出于某种原因，浏览器并不理解我实际上是在下拉菜单上悬停。有没有人能帮我。
#page {background-color;
height: 2500px;
width: 1600px;
margin: au
浏览 7提问于2017-06-24得票数 0
回答已采纳
我正在编写一段代码，其中我希望在轮播上显示通知下拉列表。为此，我使用z-index property。我有两个不同的CSS文件，一个用于通知下拉菜单，另一个用于carousel。 我已经给出了较高的通知下拉列表的z-index和较低的carousel。这些值位于两个不同的CSS文件中。 有没有可能z-index属性在这种情况下会起作用，因为通知下拉菜单和carousel的CSS文件是不同的？
浏览 13提问于2020-12-09得票数 1
回答已采纳
1回答
我有一个菜单，里面也有子菜单。想要禁用右键单击事件
在菜单上，它正在工作。我的意思是，如果我单击右键，则不会发生任何事情，但同样不适用于子菜单
已尝试
{
text: 'Tools',
name: 'toolsBtn',
id:'toolsmenu',
disabled:true,
menu: new Ext.menu.Menu({
id:'menutoolbar',
items: [{
text: 'Select some r
浏览 1提问于2015-10-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
