为什么我的z-index div的最高编号不会显示在其他目录之上？[JSFiddle]
z-index是CSS属性，用于控制元素的层叠顺序。较高的z-index值会使元素显示在较低的z-index值元素之上。
当设置了z-index属性但没有生效时，可能是由于以下原因：
- 元素没有定位：z-index属性只对定位元素（如position属性值为relative、absolute或fixed的元素）有效。如果元素没有设置定位属性，z-index将不会生效。
- 父元素的z-index值：如果父元素的z-index值低于子元素的z-index值，子元素的z-index值也不会生效。可以通过提高父元素的z-index值或将子元素移出父元素来解决。
- 元素重叠区域不同：如果两个元素的重叠区域不同，z-index属性不会影响它们的层叠顺序。可以通过调整元素的位置或大小来解决。
- 元素在不同的堆叠上下文中：当元素处于不同的堆叠上下文中时，z-index属性可能不会按预期生效。可以通过设置元素的position属性值为relative或z-index值为负数来解决。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。
相关·内容
3回答
我正在尝试居中并修复页面顶部的输入框。我设置了z-index，使其显示在导航栏的上方。为了使它居中，我用一个div包围了它。但是，这会使链接无法单击。我试图只在包含input字段的内部div上设置z-index，但后来它在导航栏下消失了！为什么我不能在.top-search div上设置<em
浏览 27提问于2016-09-22得票数 1
回答已采纳
2回答
使用CSS在图像DIV上定位文本DIV的问题
css、image、html、positioning
我正在为我的摄影创建一个网页，基本上我试图创建包含图像的div框，在图像上显示文本的div。由于某些原因，我无法解决如何使文本div位置从图像div。例如，当前" top : 8%;“将文本从页面顶部(而不是图像div的顶部)定位，尽管文本div正在代码中使用图像div并相对定位。
浏览 4提问于2013-08-30得票数 5
1回答
如何在位置上管理层:绝对css块
jquery、html、css、position
如何显示显示div总是在其他之上btn div ..which是绝对的地图元素，并必须停留在原来的位置。换句话说，如何使绿色1111111111在红色232323232之上<div class="map">
<div class="btn" style="top:20
浏览 3提问于2014-06-17得票数 0
回答已采纳
3回答
Z索引不适用于固定位置元素
html、css
我已经设计了一个页脚，这将是固定的位置，只有在移动resolution.but上，它看起来像z-索引不工作的分区。下面是html和CSS的代码。<div class="cws_social_links-icon animated fadeIn">
<a href="//facebook.com" class="icon_link"><255); background-c
浏览 5提问于2017-02-20得票数 0
2回答
无绝对位置的Z-索引
html、css
由于CSS的诡计，比如负边距，有时我会在HTML文档中稍后出现的HTML内容下呈现一些HTML。尽管从技术上讲，原始元素应该在后面的元素下面，但我还是想显示后面的元素。有没有可能在不指定绝对位置的情况下让一个HTML元素出现在另一个元素之上？在没有绝对位置的情况下，z索引似乎没有任何效果。
浏览 1提问于2012-03-13得票数 45
回答已采纳
1回答
如果堆叠上下文的属性不同，为什么它们的根元素不堆栈呢？
css、z-index
今天我感到非常惊讶的是，尽管z索引较高，但是一个transform而不是none的元素没有堆叠在一个position (即absolute )的元素之上。但是，将position:absolute|relative添加到前一个元素使z-index在它们之间表现出预期的效果。请看一看:在下面的部分中，我希望绿色广场(使用transform:translateX(0))能够在它们之上堆叠，因为其
浏览 4提问于2017-08-24得票数 0
回答已采纳
2回答
使用XPath选择具有最高z索引的元素
html、xpath、selenium
在我的Selenium应用程序中，我尝试选择具有最高z-index的元素。该值不是在元素本身中定义的，而是在祖先节点上定义的(嵌套级别未知)。"></div> </div>
<div class="co
浏览 1提问于2013-02-27得票数 4
回答已采纳
1回答
如何将同位素项目放置在可滚动的div中，并保留jquery悬停状态效果？
jquery、css、hover、overflow、jquery-isotope
我正在努力实现以下三个特点：
当悬停在其他元素之上并在直接容器之外显示一个div时。目前，我可以得到其中一个或另一个正在发生，即滚动条显示，但是悬停状态div在其他元素后面，或者我可以在其他元素前面得到悬浮状态div，但是滚动条不显示。jsf
浏览 5提问于2012-11-15得票数 1
回答已采纳
3回答
相对div重叠固定div
html、css
我正在开发一个移动应用程序，我遇到了一个问题，相对div位于顶部和底部的标题之上，这些标题是用z索引修复的。我做了一些研究，并尝试将z索引放在相对div中，但它没有解决任何问题。这是相对的Div： <div class="TopMobBlock">
浏览 35提问于2016-09-19得票数 0
回答已采纳
3回答
图像下出现的文本
html、css、image、background
所以我正在学习HTML和CSS，我有一个图片作为背景。但是当我试图在它上添加文本时，它会覆盖它。这是我的CSS padding: 0;} z-index: 2; height:100%; position: fixed;body{
z-index:
浏览 3提问于2014-05-27得票数 1
回答已采纳
2回答
带有flash内容的iframe上方的Div
iframe、html、z-index
我想把一个div放在一个带有flash内容的iframe上面(例如，像youtube视频)。我不能访问iframe中的内容，所以我不能修改其中的内容。问题是iframe包含flash内容。
浏览 1提问于2012-05-16得票数 1
1回答
jQuery淡入淡出整个网站内容，以显示背景图像
jquery
我有一个完整大小的背景图片的网站。我希望包括一个按钮或链接标题为“显示背景照片”，或类似的东西。一旦点击，整个页面就会淡出，留下可见的背景图像，中间的另一个链接/按钮会淡出，显示“显示页面内容”。希望这是有意义的。我发现了一个很好的例子：我知道我可以从那个网站窃取代码，但那是作弊，我也不会理解它。
<
浏览 1提问于2012-01-30得票数 0
回答已采纳
1回答
哪个元素会影响jquery下拉菜单的位置？？>使其向右转。
javascript、jquery、html、css、drop-down-menu
从一段时间以来，我使用了一个下拉jquery检查列表。不过，出于一些造型上的考虑，我不想让列表下拉，而是让它折叠/转到右边。我尝试了几件事情(在我的css中)来完成这个任务，但是到目前为止似乎没有什么工作，我只是找不到影响菜单下拉的正确元素。或者这可能是jquery处理过的，但我不能真正看到jquery这样做。这是下拉列表的html：
<form method="post&
浏览 4提问于2014-11-19得票数 0
回答已采纳
4回答
Z-索引属性不工作
jquery、css
嗨，伙计，我有下面的代码，当我点击一些按钮fadeTo只包含没有#some标签的内容时，我就不会这么做了。<div id="some"></div>
width:100%;outli
浏览 5提问于2014-02-21得票数 4
回答已采纳
2回答
Z-Index问题，我无法解释它
html、css、z-index
我有两个元素，其中一个包含这个css： { -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0,: 3; position: fixed; left: 0px; width:100vw; background-color: rgba(0, 0, 0, 0.7);
display: b
浏览 16提问于2019-03-10得票数 1
2回答
绝对位置div不覆盖他人的div子
html、css、z-index
opacity: 1; width: 70px; background: green; z-indexabsolute; left: 0; width: 100%; opacity: 0;-moz-transition: all 0.3s linea
浏览 3提问于2014-10-18得票数 1
回答已采纳
3回答
内容会消失在标题的高度之后吗？
html、css、css-position
我以前看到的网站很少，但从来没有加过书签。如果我有正文背景，固定标题和内部背景，其中内容是...如果我想要向下滚动以查看更多内容/内部背景，我的图像位于标题后面，而我不知道如何使其消失在标题的上边距之后。有人能帮我这个忙吗？图片:正常正文背景，固定头部，头部下方的内部背景我知道我的
浏览 0提问于2012-05-14得票数 0
1回答
在Firefox和Chrome中通过转换在静态元素上设置z索引
css、css-position、z-index、css-transforms
但是，在未定位的元素上设置transform和z-index会显示出奇怪的结果，这在Chrome和Firefox上是不同的。它们是按顺序堆叠的(这是正常的)。现在它们在这里，transform设置在第二个(粉红色) div上，z-index -1：
在Chrome中，它不会改变任何东西，但是
浏览 0提问于2016-09-26得票数 2
5回答
Bootstrap typeahead在Bootstrap Modal中不工作
twitter-bootstrap、bootstrap-typeahead
我使用的是codeigniter框架，我使用的是bootstrap typeahead，一切都很好，但我的问题是，当我把它放在bootstrap模式中时，bootstrap typeahead将无法工作这是我的代码
<a data-target="ajaxify" data-toggle="modal" href="<?php echo base_url()?add_task" class=&quo
浏览 2提问于2012-04-19得票数 12
3回答
即使位置是绝对的，<span>也会改变网站的布局吗？
css、styles、css-position、html
这是我的代码。，其中两张在一起，第三张在第一张下面。我将鼠标悬停在第一张图片上，我希望出现#bottleinthemirror span，它确实出现了。问题是，即使跨度被隐藏，它仍然会重新排列网站的布局，并将其下方的图片移动到另一个位置，即使它的位置被设置为绝对位置。知道为什么吗？当我移除跨度时，网站布局是正常的。当我放入跨度时，它会发生变化，即使跨度的位置是绝对的。
浏览 0提问于2013-07-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
