两个固定元素上的z索引不起作用
是因为这两个元素的定位方式为固定定位（position: fixed），固定定位的元素脱离了正常的文档流，不会受到其他元素的影响，因此z-index属性对它们无效。
解决这个问题的方法是使用其他定位方式，例如相对定位（position: relative）或绝对定位（position: absolute）。通过改变元素的定位方式，可以使z-index属性生效。
相对定位是相对于元素在文档流中的位置进行定位，可以通过设置z-index属性来控制元素的层叠顺序。绝对定位是相对于最近的具有定位属性（position属性值不为static）的父元素进行定位，如果没有符合条件的父元素，则相对于文档的初始包含块进行定位。同样地，可以通过设置z-index属性来控制元素的层叠顺序。
以下是腾讯云提供的相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云CDN加速：提供全球加速服务，加速内容分发，提升网站访问速度。详情请参考：https://cloud.tencent.com/product/cdn
请注意，以上仅为腾讯云提供的一些相关产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
3回答
我有两个固定的容器，#meta和#meta-container，其中#meta应该始终在前台，因为它是一个全局控制元素。我的代码如下所示#meta-container { z-index: 1; bottom:0; top: 0;background-color: red;}
position: fixed;
浏览 1提问于2017-02-25得票数 5
1回答
两个元素都必须有固定的位置。如果我把gui的位置设置为绝对但固定不起作用的话，它会很好。}
width: 250px; position: fixed; z-index将z-索引设置为#gui上的正数也不起作用。
浏览 1提问于2017-02-10得票数 0
回答已采纳
1回答
背景元素具有z索引333。但我的头有点问题。
我有一个固定位置和z索引232的标题，在它上面可以看到背景。但是，在标题div中，我还有另外两个div，分别包含logo和menu。它们是position:
浏览 0提问于2012-07-16得票数 0
2回答
我有一个表格，我想使用一个表格单元格，这样当我单击它时，它将使用Z索引打开另一个与原始表格重叠的菜单表。我已经试过我能想到的所有方法了。document).ready(function(){ $('.weblinkmenu').css('z-indez','9');
$('.menuhome&#
浏览 0提问于2013-05-23得票数 0
回答已采纳
如何更改CSS代码，使左上角的Logo (#logo)显示在所有其他div之上？较高的z索引值不会更改位置:/例如，当您单击"Salon“并滚动时，图片和文本会滚动到徽标上方，而不是下方。这里有个链接： width:100%; top: 0px; height: 80px;
#h
浏览 1提问于2015-07-13得票数 0
1回答
我需要一个具有响应性布局的页面，其中包含以下元素(见图)：图例：
<div id="background">“固定
浏览 3提问于2014-03-05得票数 0
1回答
用CSS覆盖两个部分
、、、、
我正在做一个设计，我需要将一个部分覆盖在另一个部分上，保持像这个这样的曲线我使用属性translateY来提升第二部分，但是它涵盖了第一部分我试过使用property索引，但它似乎不起作用，我不想使用属性位置:绝对/相对，因为符号是不同的部分。有人带什么东西来吗？
浏览 1提问于2022-01-22得票数 0
回答已采纳
4回答
我知道iPhones以前不支持位置:固定的，但现在它支持，当我滚动一个固定位置元素在其他z索引较高的元素后面时，我看到了一个奇怪的故障。带有较低z指数的固定仓位元素出现在前面，看起来非常糟糕。我尝试将-webkit-transform: translate3d(0, 0, 0);添加到固定元素中，但它似乎无助于解决这个问题。Up
浏览 8提问于2013-12-30得票数 34
回答已采纳
2回答
基本上，我想显示一个覆盖页面上所有内容的div，包括滚动条。
页面滚动条上方有没有可能出现固定的元素？我尝试将滚动条的z索引设置为-1，但显然不起作用。
浏览 0提问于2013-05-04得票数 3
回答已采纳
我有一种情况，在页面上有两个或更多的固定位置元素，其中一个在另一个页面上显示(也就是说，第二个元素的顶部与第一个元素的底部相邻--这些元素没有z-索引堆叠)。在第一个固定位置元素中，有一个绝对位置的元素，它比其固定的父元素高，因此它延伸到了该固定父元
浏览 3提问于2013-09-05得票数 6
回答已采纳
2回答
我试图移动我的“标题”图像的选择。错误的位置，我把它放在整个图像的正下方：
这是我的代码： <img src="/imagesLang
浏览 2提问于2015-03-07得票数 0
回答已采纳
1回答
我想使用jQueryUI的可拖动性将表行拖到固定的导航栏上。拖动元素具有css属性： position: absolute;}#player { opacity: 1;}
即使拖放元素的z索引更高，它仍然不
浏览 1提问于2013-10-17得票数 0
回答已采纳
2回答
考虑一下这个例子：
第一个DIV.fix_z0是用z索引0固定的位置，溢出隐藏.内部是DIV.abs_z1，位置绝对与z-索引1。在里面是位置固定的DIV.fix_z2和z-索引2。在IE8中，这可以像预期的那样工作，但是在FF 3.6中，DIV.fix_z2被.fix_z0限制了。这两个<e
浏览 5提问于2010-11-17得票数 2
2回答
我试图添加一个固定的背景图像，并显示在正常文本内容后，从另一个div。图像需要修复，这样页面的其余内容就可以滚动，完整的图像保持可见。背景图像需要位于单独的div中(这就是HTML当前的结构，我无法更改它)。我装了5.0.1的引导带，但在这里没有错。，我试过和z-index玩，但没有成功。
浏览 6提问于2021-05-16得票数 0
回答已采纳
1回答
在IE11上，当有一个打开的模式或固定的元素时，PDF的预览就会跳过所有的内容。我尝试对etc进行z索引，但似乎都不起作用，它在所有其他浏览器上都工作得很好。只有CSS/HTML才有解决方案吗？这是一个 (只有IE上的bug)
浏览 4提问于2018-10-24得票数 0
1回答
h2元素的位置设置为相对，以便启用z索引，到目前为止还不错.span在这个h2元素中向右浮动，并有一个z指数设置为低于h2，以便在视图收缩时向下滑动，但是继续突出在这里，好像只有‘浮动’的问题。h2一样高，即使h2的固定高度应该把它限制在(设置清楚:在h2上都没有做任何事情)，并且在视图缩小时被它遮住？是因为它是嵌套的？
(此外，“垂直对齐”没有任何影响，文本不固定在文本底部，而是
浏览 4提问于2016-03-01得票数 1
2回答
我有一个使用固定位置的div，它的z索引为100，我想要覆盖页面上的所有其他元素。我在jquery ui标签和动态生成的html上遇到了一些问题。似乎因为选项卡中的内容是动态生成的，所以它获得了更高的堆栈顺序，因此它与我的div元素重叠。有没有办法总是把div放在堆栈顺序的顶端？我还尝试将.ui-tabs类的<
浏览 0提问于2011-09-06得票数 4
回答已采纳
2回答
具有固定元素的Z索引
、、、
我正在尝试让页面上的元素正确显示。布局如下所示。<div id='middle' style='position: fixed; z-index: 50;'></div><div id='top' style='position: fixed;
浏览 2提问于2013-03-02得票数 3
回答已采纳
2回答
我的网站有一个模式窗口和菜单栏固定。当您打开一个模式窗口时，菜单不会隐藏。如何使工具条菜单相对于模式窗口更低？div> </div></nav>.panel-nav { z-indexfont-size: 14px; position: fixed;
浏览 0提问于2014-12-22得票数 0
我在页面中有两个组件，一个位置固定元素覆盖具有透明背景的子图像的浏览器窗口，以及一个由CSS转换驱动的fullpage.js垂直滑块，其标记如下： <div class="fixed-elementsection"></div> <div class="sectio
浏览 2提问于2018-09-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
