设置标记的z索引时不起作用
是指在前端开发中，当我们尝试为某个元素设置z-index属性时，该属性并没有生效的情况。
z-index是CSS中用于控制元素在垂直方向上的堆叠顺序的属性。它决定了元素在层叠上下文中的显示顺序，具有较高z-index值的元素会覆盖具有较低z-index值的元素。
当设置标记的z索引时不起作用时，可能有以下几个原因：
- 元素没有定位：z-index属性只对定位元素（position属性值为relative、absolute或fixed）生效。如果元素没有设置定位属性，z-index将不会起作用。
- 父元素的z-index值：如果父元素的z-index值比子元素的z-index值低，那么子元素的z-index设置将不会生效。在层叠上下文中，父元素的z-index值会影响子元素的显示顺序。
- 元素重叠：如果元素之间没有重叠，z-index设置将不会产生明显的效果。只有当元素之间存在重叠时，z-index才能决定它们的显示顺序。
- 其他CSS属性影响：某些CSS属性，如transform和opacity，可能会创建新的层叠上下文，从而影响z-index的表现。在这种情况下，需要仔细检查其他CSS属性是否与z-index产生冲突。
针对这个问题，可以采取以下解决方法：
- 确保元素设置了正确的定位属性（relative、absolute或fixed）。
- 检查父元素的z-index值，确保子元素的z-index值高于父元素。
- 确保元素之间存在重叠，可以通过调整元素的位置或尺寸来实现。
- 检查其他CSS属性是否与z-index产生冲突，尝试调整这些属性的值或使用其他解决方案。
作为腾讯云的专家，我可以推荐一些相关产品和文档链接，以帮助解决这个问题：
- 腾讯云云服务器（CVM）：提供稳定可靠的云服务器实例，可用于部署和运行前端应用程序。了解更多：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务，适用于存储和管理应用程序的数据。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云CDN加速：通过分布式部署节点，提供快速可靠的内容分发服务，加速前端资源的加载和传输。了解更多：https://cloud.tencent.com/product/cdn
请注意，以上推荐的产品和链接仅作为示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
1回答
我有一张有不同标记的地图，我知道这些标记是按照它们出现的顺序呈现的，这意味着标记3位于标记1和2的顶部。我使用了React Gl和mapblibre，并对此做出了反应(类型记录)，但如果我将一个标记悬停在顶部(当与另一个标记重叠时)。我试过z索引，但根本不起作用。
制作者：
<Marker latitude={station.lat} longitude={station.lng} key={station.id} >
<div className='locDot'>
浏览 3提问于2022-03-27得票数 0
回答已采纳
背景:我有一个桌面浏览器应用程序，使用mapquest和传单js插件。我使用divIcon类作为标记，这允许我使用自定义的HTML和标记的样式。每个divIcon标记还包含一个隐藏的div，当标记悬停时显示(使用:悬停类)。我既没有使用默认标记，也没有使用内置在传单中的默认弹出窗口，因为自定义html可以更好地控制样式。
问题:当弹出窗口显示时，地图上的任何其他标记都会显示在弹出窗口的顶部，而不是下面。我尝试过将弹出div的z索引设置为一个更高的数字，但这没有帮助。
期望:当你把鼠标悬停在图标上时，标记应该在弹出窗口后面，而不是在前面。
这不是一个重复的问题:这个问题与不一样。这个问题是让默认
浏览 8提问于2017-04-08得票数 13
回答已采纳
2回答
IE6 CSS Z索引
、、、
我有一个图像样本的列表，当鼠标放在一个div弹出窗口应该出现在所有内容之上。但是，我发现在IE6中，div弹出窗口位于弹出窗口之后生成的元素后面。它正确地位于弹出窗口之前呈现的元素的顶部。
粗略地了解一下我所拥有的：
<ul>
<li>
<a href="#"><img src="image path to swatch"></a>
<div class="tooltip">TOOLTIP POPUP</div>
浏览 0提问于2011-11-07得票数 0
1回答
我要把一张表格作为一个iframe放到一个网站上。所有操作都很好，除了在IE7中有两个下拉选择元素，当它们单击它时，它不会下拉，但是它会突出显示它，并且它们可以使用箭头键进行选择。
我试着用IE8使用兼容性模式来测试它，它运行得很好。
对此有什么想法吗？
的回答：站点上设置了一个z索引，原因是它被丢弃了。一旦我为这些元素设置了更高的z索引，它们就开始工作了。
浏览 0提问于2011-11-08得票数 2
回答已采纳
1回答
Z-标记指数高于信息盒
、、、、
我正在使用Google V3创建一个标记，使用信息框库创建定制的infowindow。
问题：--我希望在信息框上方显示一个特定的标记。但是，当我将标记的Z-索引设置为大于信息框的z-索引时，信息框仍然位于标记顶部的堆叠顺序保持不变。
我是不是错过了让Z索引正常运行所需的东西？
JS代码
// Create InfoBox
var infoboxOptions = {
disableAutoPan: true,
maxWidth: 0,
pixelOffset: new google.maps.Size(infobox_offsets[0]
浏览 2提问于2012-04-10得票数 4
回答已采纳
4回答
我是javascript/jquery的新手。我正在尝试从一个li元素中选择一个div，我将在其中放置3个图像。所以我有这个变量：
var x = ui.item.parent().children()[i]
这是li (它可以工作，我已经检查了id)，但是我如何从x获取div呢？(然后是所有3张图片，这样我就可以改变图片的z-index了，我也不知道怎么做)。
<ul>
<li id="li1">
<div>
<img class="1" src="img1.jpg" styl
浏览 0提问于2013-05-31得票数 0
我正在使用获取一些简单的对话框。所有的东西都很有魅力，但我不能点击页面顶部徽标上的链接，因为
opacity:0;
z-index:-9999;
就在它前面。它落后于所有其他东西和不透明度是0，就像它应该，但不知怎的，它仍然在前面的标志。标志得到了z-index:100，但无形的模式仍然在它的前面。
因为我找不到animatedModal.js的在线版本(比如cdnjs.com或smth)，所以我做不到小提琴，但是你可以在这里查看我的网页：
和我网站上的
浏览 1提问于2017-05-23得票数 0
回答已采纳
我正在用Subgurim map控件在地图上绘制一些GMarkers。
有时GMarkers会相互重叠。这不是问题，但我想要一个特定的，当我把它放到地图上时，它是kwown，放在所有其他的上面，因为这是用户单击的最新的那个。
我想我可以将它作为最新的一个添加到地图上，它将位于顶部，但事实并非如此:它的z顺序看起来是随机设置的。
我能确定这个GMarker是“画在上面”的吗？
浏览 1提问于2009-10-29得票数 1
在这个网站上：当我有更多的菜单时，它会将搜索栏移动到下一行，但它仍然在特色滑块上可见。在firefox中，这种情况不会发生，搜索栏也是不可见的。
我尝试更改滑块div和搜索栏div的z索引，但不起作用。
浏览 0提问于2011-09-30得票数 0
回答已采纳
1回答
开放层标记的z-指数变化
、、、
我有一个图层，有多个标记，有相当大的图标，所以它们重叠。通过地图旁边的列表，用户可以选择一个标记，然后地图就会平移(并缩放)到它。但它仍将落后于其他一些制造商。我如何让一个单独的创建者z指数和设置它？我会有用的得到最高使用的z-索引，并添加一个。(另一种解决方案是将标记的总数添加到z索引中)
标记(或特性)位于myLib.features数组中。控制台不显示任何z-索引类型函数。
为此，我找不到合适的示例或api函数。
编辑：
我找到了这个例子：，我不太明白。不知何故，创建的特性通过某种符号器获取由图层给出的下一个z索引。我不知道如何将这种静态类型转化为动态类型。
浏览 5提问于2012-06-04得票数 9
2回答
这是一个我一直想解决的问题！我四处寻找解决方案，但找不到解决办法。首先是我的html是如何构造的(只是骨架框架)-
<body>
<div class="header"> </div>
<div id="content-wrapper">
<a href="/some.html"><div class="feedback_div"></div></a>
</div>
<div id="foo
浏览 6提问于2011-11-01得票数 0
我生成了一个动态字段，长度可以是n个数字。我想从TS中设置特定字段的值。 我的表单初始化过程如下： this.Form = this.fb.group({
dynamics: this.fb.array([]),
}); 我的Json看起来像这样： { "dynamics":
[ { "field": "Country", "operator": "", "value": "", "value2": "", "
浏览 15提问于2021-10-04得票数 0
回答已采纳
我正在使用 jQuery插件并调用
jQuery.slides();
然而，这并不能正常工作。取而代之的是，图像只是全部被显示出来(正如你所期望的那样，没有插件)。
为什么这不起作用，我怎样才能让它起作用？
我确信javascript正在运行，因为我已经将alert()放在了我的slides()语句的上方和下方进行测试。
这是我的标记：
<div class="slides">
<div class="slides_container">
<div>
<img src=&#
浏览 1提问于2011-10-06得票数 0
回答已采纳
2回答
我对CSS和z-index有一些问题。让我给你看一个例子
假设在第一个时刻，它只出现标签指针。然后，当我单击其中一个指针时，会出现一个标记globe。我希望标签指针总是出现在标签globes下，我也希望每次我打开一个标签globe时，它都会出现在所有其他打开的标签globe之上。
我的div结构是：
<div id="t01" class="tag">
<div class="small">
<div class="globe">
<
浏览 0提问于2011-04-07得票数 1
回答已采纳
1回答
部分搜索不适用于多个字段。
资料：- "Sales inquiries generated“。
{
"query_string": {
"fields": ["name", "title", "description", "subject"],
"query": search_data+"*"
}
}
Case1:当我将搜索数据作为“询问”传递时，它工作得很好，但当我将搜索数据作为“查询”传递时，它就不起作用
浏览 3提问于2020-07-14得票数 0
回答已采纳
1回答
现在，我正在尝试设置一个具有隐藏图像的部分，该部分在悬停标记时显示。问题是这个隐藏的图像应该垂直地夹在子标记和父h2标记之间。
对我想要得到的行为的快速模拟：
我现在就是这样设置的：
.about a {
pointer-events:auto;
}
.about-img {
pointer-events:none;
.about-img:hover {
background-image:url(about-image.jpeg);
background-size:36%;
background-repeat:no-repeat;
background-position:center ce
浏览 2提问于2020-01-03得票数 0
我有一个下拉菜单(#dropDownMenu)，它出现在我网站的"#headerNav“上。如果我将#dropDownMenu (最初隐藏在display:none，直到链接被悬停)稍微放置在#headerNav div上，它就能正常工作。
这样，如果光标在出现时移动到下拉菜单的速度不够快，则会停止轻微的闪烁。通过稍微重叠#dropDownMenu和#headerNav，这使#headerNav看起来仍然在徘徊，当光标实际上在#下拉菜单中时。
无论如何，我现在想隐藏#下拉菜单的重叠部分在标题后面或#headerContent，这样所有的东西看起来都更整洁了，所以下拉菜单看起来就像出现在
浏览 3提问于2012-03-25得票数 0
回答已采纳
我希望我的文本水印在上面的图像上是可见的，但是在页面文本下面，这样页面文本就可以保持可读性。
我试过各种组合，但都没有用。例如，我不明白为什么将水印设置为z-index = -1，将其放在文本下面，但当我将图像设置为z-index = -2 (或-100)时，它不显示我想要的内容。
我还尝试将水印设置为z-index=1，它显示在图像的上方，然后设置p index=100，它不会将文本置于水印之上。
假设文本在默认情况下最好保持不变(不设为0)，那么通过设置z-index = -1表示水印，将z-index = -2设置为图像，理论上它应该按需要显示。
但这个理论行不通。
(不使用固定定位)
浏览 11提问于2022-10-12得票数 0
回答已采纳
1回答
覆盖背景被其他元素覆盖。
、、、
我试着玩一些基本的编码，我有一个问题，覆盖，这里有一个链接：，我为奇怪的语言道歉。-当你用微型按钮点击按钮时，你会发现这个覆盖表单没有正常工作。我试着玩Z指数，但它似乎不起作用。此外，您可以看到字段不是居中的，尽管它们应该是。我想知道是什么阻止它与中心保持一致。有什么办法解决这件事吗？
谢谢。
浏览 0提问于2017-04-16得票数 0
回答已采纳
基本上就是创建一个带有下拉菜单的网页，这是我在教程之后写的。我的页面布局由三个单独的表格组成，其中一个用于标题/横幅，一个用于下拉菜单，一个用于正文/内容。
我首先遇到的问题是，当我滚动下拉菜单时，它会落在我的body/content表的后面。我找到了一个解决这个问题的方法，就是包含z-index:-1。这在IE中工作得很好，但在chrome中测试后，它阻止了链接和iframe在内容/正文表上进行交互。
#bodytable {width:1100px;
height:100%;
margin:auto;
position:relative;
浏览 1提问于2013-01-06得票数 0
2回答
模式窗口/背景的问题
、、、、
我正在尝试为我的网站制作模式窗口，我有一个覆盖或模式div的问题，我不确定是什么问题。
问题是除了模式窗口之外的所有东西都不应该是可点击的，但出于某种原因，我的导航<ul><li>标签是可见和可点击的。这是我的模式窗口的css：
element.style {
display:block;
left:50%;
margin-left:-210px; //generated with javascript
margin-top:-85px; //generated with javascript
position:fixed;
top:50%;
width:450px;
浏览 0提问于2010-01-24得票数 2
回答已采纳
2回答
我有一个在我的网页标题弹出的登录表单，在它下面我有一个导航，当我打开弹出窗口时，导航链接显示在弹出窗口上方。我设置了导航的z索引为1，弹出窗口的z索引为10，但在IE7中不起作用。任何人都可以帮助我
浏览 3提问于2012-04-05得票数 0
4回答
我有两个div，分别是.navbar和.content。.navbar是固定的，滚动时.content会覆盖.navbar。
JSFiddle演示是请将结果面板放大，这样它就不会显示移动菜单。
但当我打开下拉菜单时，它被隐藏在.content下面。即使我在下拉菜单中设置了比.content更高的z索引，它也不起作用。这只是它的工作方式，还是我错过了什么？在不修改HTML的情况下，有什么解决方法吗？
更新：
与演示完全一样，滚动时.content div应覆盖.navbar div。
浏览 0提问于2014-06-29得票数 0
1回答
在点击时，我尝试将图像带到前面(通过z索引)，并增加单击图像的大小。我的代码似乎不起作用。有人能建议编辑一下才能让它正常工作吗？
<div class="container">
<div class="click-to-top first"><img src="img/cherry.png" alt="Cherry" class="cherry" /></div>
<div class="click-to-top"><img sr
浏览 4提问于2016-04-28得票数 1
回答已采纳
在过去，这个网站上的标记出现在OverlayImage的顶部。但现在它们似乎呈现在覆盖图的后面：
我如何影响标记的z顺序与OverlayImage本身？
浏览 1提问于2011-03-03得票数 0
我正在写一个chrome扩展，它使用注入来修改目标网页中的元素。当光标在元素上移动时，我想显示一个消息气泡。但我遇到了一个问题，有时消息气泡会被其他一些元素隐藏起来。我发现这是因为如果元素B位于元素A的顶部，则z索引将不起作用，元素A的子元素(消息气泡)永远不会高于元素B。
为了演示它，这里有一个例子。该索引将始终被obj3隐藏，尽管obj2的z索引是1000000。
有什么解决方案吗？
.aaa{
background-color:blue;
width:100px;
height:100px;
}
.ccc{
background-color:red;
浏览 0提问于2013-08-04得票数 11
回答已采纳
7回答
编辑要重新打开：
似乎很难在谷歌地图上定位元素。使用z索引并不能解决以下问题:即使在使用高z索引时，Google仍将保持在其他元素的首位。
问题是：
有可能在google地图中有一个div覆盖部分吗？
我有以下弹出窗口：
但是当我把这个弹出窗口移到地图上时，它就会被隐藏起来：
如何强迫某物成为最顶端的，总是在屏幕上显示对象？
我尝试过在CSS属性表上设置z索引，但这不起作用。
我是否可以设置一些HTML/CSS属性，以便弹出窗口( DIV )实际上总是设置在其他所有内容之上？
浏览 0提问于2013-09-10得票数 31
回答已采纳
如下所示的代码： <a href="javascript:;" id="cTDQo7-a" class="z-menu-cnt z-menu-cnt-img"><span id="cTDQo7-img" class="z-menu-img"></span> payment</a>
<span id="cTDQo7-img" class="z-menu-img"></span>
"payment"
浏览 16提问于2019-03-11得票数 0
1回答
目前，我正试图制作一个噪音产生的高度图，并显示它的opengl。我在跟踪，但我的身高图似乎不起作用。它似乎只产生(或显示)它应该产生的一半。
这是用法线表示颜色的高度图：
正如你所看到的，即使这是一个正方形，它看起来是矩形的，有一个未完成的边缘。
这是我的高度图生成代码：
public class HeightMap extends GameModel {
private static final float START_X = -0.5f;
private static final float START_Z = -0.5f;
public HeightMa
浏览 3提问于2016-05-25得票数 1
回答已采纳
6回答
Google Chrome错误地显示Flash视频的z索引。
看看Firefox或Internet Explorer中的。
现在让我们在Chrome中看看它。
页面顶部的大视频应该在其顶部有一个z索引的“预览”图像。在Firefox和Internet Explorer中可以，但在Google Chrome中不能。
这似乎不是的问题，而是一个明确的Chrome bug。
我已经尝试了所有的wmode，(不透明，窗口和透明)，但这不能解决它。我还更改了Flash box的z索引，但它仍然不起作用。
浏览 0提问于2010-11-30得票数 11
回答已采纳
当我们使用兼容性模式在Internet 10上的web应用程序中查看报表时，我的菜单项将被水晶报表的工具栏重叠。我的菜单是一个asp.net菜单项控件，它放在我们的母版页中。
我还试图通过使用css类将水晶报表查看器的z索引设置为零来解决上述问题，并将asp菜单控件的z索引设置为999，但没有工作。有人能在上面帮助我们吗。
浏览 6提问于2013-09-30得票数 0
回答已采纳
5回答
我有一个绝对定位的div，它的工作方式类似于工具提示。当鼠标移到某个元素上时，它会显示，然后在鼠标移出时隐藏。我在页面中有几个<select>元素，放在tooltip元素的上面。在正常情况下，工具提示div会出现在select标记的上方。但是当用户单击select tag并显示选项时，它会与工具提示重叠。为select或options标记指定较高的z索引不起作用。
下面是一个示例代码来说明这个问题。
<body>
<h1>Select Options Overlapping Absolute Positioned DIV</h1>
&
浏览 1提问于2011-11-19得票数 17
1回答
if ( window.matchMedia( '( max-width: 1000px )' ).matches ) {
$( mobilemenuopenwhitewide ).css( 'display' , 'block' ).css( 'top' , 15 ).css( 'opacity' , 1 );
$( mobilemenuopenblackwide ).css( 'display' , 'block' ).css( 'top' , 1
浏览 1提问于2017-03-24得票数 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
回答已采纳
我有以下pandas (pd)数据帧：
> df = pd.DataFrame({'x':[1,2,3], 'y':[4,5,6], 'z':[7,8,9]}, index=['one', 'two', 'three'])
> df
x y z
one 1 4 7
two 2 5 8
three 3 6 9
和一系列：
s = pd.Series([99,99,99])
当我尝试将b中的这些值分配给df中的某个列时，我没有得到任何错误，但该列中
浏览 0提问于2020-05-08得票数 0
2回答
我知道Vim对标记有复杂的支持，但我正在努力让它们与JavaScript和TCL一起工作。
我在Ubuntu Lucid下使用Vim 7.2.330，这是一个标准的Vim安装和标准的Exuberant CTags安装。
我希望将标记保存在一个名为~/.vimtags/tags的文件中
我已经在我的vimrc文件set tags+=$HOME."/vimtags/tags"中包含了标记文件。
我已经从基本代码目录运行了以下命令：
ctags-exuberant -f ~/.vimtags/tags -h ".js" --totals=yes --tag-relat
浏览 1提问于2011-01-20得票数 7
回答已采纳
1回答
为什么我的z索引被忽略了？
<core-drawer-panel>
<div drawer>
Test
</div>
<div main>
<core-icon-button core-drawer-toggle icon="menu" style="z-i
浏览 2提问于2014-12-10得票数 0
回答已采纳
1回答
一般来说，我是jquery和javascript的新手，所以我在弄清楚一些事情时遇到了一些麻烦。现在，我希望一个图像在淡入(阴影)时向下动画(iphone)，而另一个图像在淡入时向上动画(反射)。我现在拥有的代码只是以相同的速度淡入所有内容(如果每个div具有不同的时间值，这并不重要)。此外，如果我尝试动画反射，它只是拉下所有的元素(如果我编辑div的起始值)。这可能是因为反射是“包装”div中的第一个元素。我真的不能改变这一点，因为我想让iphone与阴影重叠，而阴影与反射重叠。因此，我需要首先启动反射div (我尝试使用z值，但不起作用)。有什么建议吗？代码如下：
<!DOCTYPE
浏览 3提问于2011-08-17得票数 0
回答已采纳
我正在尝试用我的日期字段填充面积图。它在kibana中不起作用，当我检查elasticsearch查询时，它在那里起作用。
它在ElasticSearch query中工作。
我的映射如下：
PUT test1
{
"settings": {
"index.mapping.ignore_malformed": true
},
"mappings": {
"each_file": {
"properties": {
"Size": {"type": "int
浏览 6提问于2018-12-20得票数 0
1回答
背景色隐藏其他框影
、、、
我有一个表，当您悬停一行时，我想设置一些样式，所以我使用了box-shadow，并添加了相应的z索引来完成这项工作。问题是，当我将td设置为背景颜色时，它只会使其位于框影的顶部，因此悬停不起作用。
如何解决此问题，以便在td 元素中同时具有背景色，并在行上悬停时执行框影样式？。
我把它复制在一个简单的jsfiddle中：
检查当您在行上悬停时，框影是否位于其他行的后面。如果您对td背景色的行进行注释，它只起作用：
table td {
/* background-color: #EFEFEF; */
z-index: 1;
}
知道为什么会发生这种事吗？
浏览 0提问于2018-10-05得票数 0
回答已采纳
2回答
首先，请允许我说我是CSS的新手。还有很多东西需要学习！我在的一个网站上工作
一切都很好，除了主内容框被放置在固定位置的徽标下面而不是上面，即使徽标上的z索引低于内容框上的z索引。你们这些天才能告诉我什么？
浏览 0提问于2011-10-19得票数 33
回答已采纳
4回答
当我尝试将一个元素放在我的jQuery Cycle元素之上时，它不起作用。该元素始终位于jQuery cycle元素之后。我使用float: right；来定位元素，并将其z索引设置为100000，但无济于事。
Firebug认为Cycle元素及其子元素具有较低的z索引，并显示浮动元素位于正确的位置。
元素从不显示在Cycling图像的上方。
<!-- the cycling set -->
<div id='headerimages'>
<img src='images/header1.jpg' alt=''
浏览 1提问于2009-05-18得票数 8
回答已采纳
2回答
我目前正在使用scriptcam.js嵌入摄像头捕获到一个网页。
当我打开引导模态时，模态出现在网络摄像头对象下。
这是由scriptcam.js生成的代码，用于加载闪存对象捕获的摄像头。
我试着玩z指数，但它不起作用。
有人能想到怎么解决这个问题吗。
浏览 4提问于2016-08-23得票数 0
回答已采纳
1回答
当我绝对定位覆盖层时，h3上的悬停(下划线)不起作用(尽管A标记包装了所有内容)。
当它正常定位时，下划线的作用就像一种护身符。
我试着使用z索引，但没有成功。
有什么想法吗？
浏览 0提问于2012-07-05得票数 1
2回答
我有个问题：
元素重叠，因为它有较高的z-指数(10比5)。元素的子元素#子块-1和#子块-2，和#子块-1有子文本# text 1，z-index = 20。但是#text 1带z-index = 20，z-index = 10。为什么？。
告诉我，我怎样才能解决这个问题？
必须有一个预定义的z-索引(数字，而不是‘自动’，小于z-索引，例如，5比10)。
我的例子：
上述示例在jsfiddle中没有正确显示-元素的位置(#子块-1和#子块-2)不起作用。
body {
background: #00ff00;
}
.screen {
position: absolute;
浏览 5提问于2017-04-18得票数 1
1回答
我的问题是:我有一个容器网格。当你将鼠标悬停在其中一个元素上时，一个子元素(绝对定位)会弹出。我给这个子元素的z-index设置为100，一切都很正常。除了在IE7中，父容器的img-element位于弹出窗口的上方。现在我知道您可以给父元素一个比弹出窗口更高的z索引来避免这个问题。在我的网格布局中，这是不起作用的，因为有几个父容器，弹出窗口浮动在上面。应用这种技术，每个容器都位于弹出窗口的前面，即使在现代浏览器中也是如此。这是一个简单的情况草图：
我该如何解决这个问题？
浏览 1提问于2011-12-20得票数 1
7回答
Z索引铬错误
、、
我遇到了一个非常恼人的bug，似乎只发生在Windows和OS上:父元素的z索引在Chrome上不起作用！我将我奇怪的情况转换成了一个简单的代码：
html：
<div id="mask">
</div>
<div id="box">
<div class="below-mask circle">
should be below the mask
</div>
<div class="above-ma
浏览 0提问于2012-10-23得票数 8
回答已采纳
因此，我从SQL中获取数据，并使用PHP将大量数据发送给弹性数据，但弹性会将字符串值字段中的所有术语分离开来。在进行初始发送时，我试图将索引设置为not_analyzed，但它似乎不起作用。
如果可以的话请帮忙，谢谢。
浏览 0提问于2016-06-03得票数 0
回答已采纳
2回答
我在使用javascript更改z-index时遇到了问题，有人能帮我指出哪里出了问题吗？
我正在尝试做的是，一旦一个按钮被点击，一个框就会出现在另一个框的顶部，但它似乎不起作用。
function toggleupload(){
var but = document.getElementById('picbutton').innerHTML;
if (but == "Change Picture"){
document.getElementById('
浏览 0提问于2013-04-25得票数 1
回答已采纳
3回答
我试图在滑块上方保留一个徽标，但是我无法正确地设置z索引。
我试过Z指数增加订单，但没有得到正确的结果。
链接是
它们是头滑块的背面，我想把它放在前面。
我给出了滑块的Z-索引为1，而徽标的z-索引为10，但这不起作用。
我也想让图像对事物做出反应
margin-top: -400px;
height: auto;
z-index: 100;
position: absolute;
max-width: 90%;
但是图像还没有完全反应过来。
对图像向上或向下移动也有问题，因为它是响应性的。
浏览 1提问于2012-08-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
