CSS:使元素的z索引低于同级的子元素
CSS（层叠样式表）是一种用于描述网页样式和布局的标记语言，它可以控制网页上的元素如何显示和相互交互。
在CSS中，通过使用z-index属性可以设置元素在垂直方向上的层叠顺序。z-index属性接受整数值作为参数，数值越大则元素在层叠中显示得越靠上。
当一个元素的z-index值较低时，它会被同级的子元素所遮盖，即子元素会显示在该元素的上方。
优势：
- 控制元素的层叠顺序：通过设置z-index属性，可以精确地控制元素在页面中的显示顺序，实现更好的布局效果。
- 提高用户体验：合理地使用z-index可以确保重要的内容在视觉上更加突出，提升用户对网页的浏览体验。
应用场景：
- 导航菜单：通过设置导航菜单的z-index值较高，可以确保菜单始终显示在其他内容的上方，方便用户导航。
- 弹出框：通过设置弹出框的z-index值较高，可以使其显示在其他内容之上，吸引用户的注意力。
- 图片轮播：通过设置图片轮播组件的z-index值，可以控制图片的层叠顺序，实现轮播效果。
推荐的腾讯云相关产品：
- 腾讯云 CDN（内容分发网络）：提供全球分布式加速服务，加速内容的传输和访问速度，提高用户访问网页的体验。链接地址：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：提供可扩展的计算资源，支持按需购买和弹性伸缩，满足各类应用的部署需求。链接地址：https://cloud.tencent.com/product/cvm
以上是关于CSS中使元素的z索引低于同级子元素的解答，希望能对您有所帮助。
相关·内容
抱歉，我不能发布完整的代码，我正在处理专有的东西。基本上，我有一个问题，一个z-index为6的DIV被一个z-index为5的覆盖DIV阻塞了。有没有什么情况会导致这种情况发生？我绞尽脑汁想弄清楚为什么会这样。这没有任何意义。与嵌套position或者CSS DIVs有任何关系吗？
我为我的含糊其辞道歉。我试图在JSFiddle中重新创建，但不幸的是，它如预期的那样工作。只有实际的代码是不可靠的。
结构：
<div id="window">
<div id="wall">
<div class="b
浏览 0提问于2012-03-16得票数 4
假设我有这样的代码：
<div class="parent">
<div class="child">
Hello world
</div>
</div>
<div class="wholePage"></div>
此jsFiddle：
现在，我需要在<div class="wholePage">的上面有<div class="child">，但在jsFiddle中，您可以看到在<
浏览 4提问于2013-04-17得票数 105
回答已采纳
4回答
IE再一次被证明是我存在的祸根。我正在工作的一个网站的顶部有一个水平菜单，其中的一个项目触发了一个纯CSS菜单，该菜单绝对位于父菜单DIV中(相对定位)。这将菜单完美地放置在IE和W3C兼容的浏览器中。
当我在页面上有更多的定位元素时，问题就出现了。它们也是相对定位的，因为它们里面有需要绝对定位的数据...同样，它在我测试过的所有浏览器中都能正常显示。
问题是，然后打开顶部菜单，部分被页面下方定位的元素所遮挡-实际上，它位于这些元素的下方，即使在所有元素上都定义了z索引属性。(在CSS文件和内联中)。
让IE正确显示的唯一方法是将菜单的实际HTML放置在页面的底部，在页面上其他位置的定位元素的
浏览 0提问于2010-03-01得票数 4
我是CSS和HTML5的“新手”，下面的脚本有两个问题
光标:指针；在#anotherDiv和#someLinesDiv上方悬停时，显示为指针。
Z-索引似乎不能正常工作- #someDiv应该高于其他div。
我真的很感激你的帮助，因为它正把我逼疯:)提前谢谢
HTML
<body>
<table id="AlphaTable">
<tbody>
<tr>
<td>
<div id=topLevelDiv>
浏览 3提问于2014-01-08得票数 2
回答已采纳
1回答
我有一个特定的用例，其中我有一个边栏，其中包含列表中的一些导航项，并希望在悬停时展开元素。左div中的悬停项应与右div重叠。
如果我将列表项设置为absolute，这基本上是可行的。唯一的问题是，当放大或滚动溢出时，它们的位置不再“好”。要修复这种行为，我可以将父级设置为relative。然而，这改变了堆叠行为，我不能再重叠右div。
在缩放或滚动时，是否有任何方法使左项与右div重叠，而不影响其位置？
.container {
display:flex;
}
.left {
width:49vw;
height:50vh;
background-color:yello
浏览 0提问于2019-04-26得票数 1
2回答
我正在修改我在教程中找到的css3导航，我在z索引方面遇到了问题。
请在这里查看导航：
如果将鼠标悬停在两个导航项目中的任何一个项目上，您可以看到下拉框的z索引高于生成它的链接。这不是真的，因为我在堆叠顺序中降低了翻转框的z索引。
我试图实现的是让下拉框落在链接的下面，这样下拉框的阴影在顶部是不可见的。我希望链接和下拉框融合为一个，我认为通过使链接坐在下拉框顶部，我可以实现这一点。
它是在Shopify这里完成的：
(翻转‘资源’)
不管怎样，希望有人能解释清楚这一点。我假设问题在于我试图添加z索引的对象是悬停的，而且它们本身也不是常规的div。
无论如何，感谢您至少阅读了所有这些内容。很
浏览 3提问于2012-02-06得票数 1
回答已采纳
3回答
jQuery横幅和下拉菜单问题
、、、、
嗨，我有一个jQuery横幅和下拉菜单的问题。下拉菜单位于jQuery横幅滑块的后面。查找示例
我尝试了z-index和position:absolute，但是我不能修复它。
浏览 0提问于2011-07-28得票数 0
回答已采纳
3回答
在css上工作，试图把一个盒子放在另一个盒子下面。我被教导使用z索引；然而，当我给一个css代码一个不同的z索引时，什么都不会发生。一切都是正确的定位，但它没有定位一个在另一个。我的z指数怎么了？到目前为止这是我的css。box1应该显示在检查列表和边框上。
body
{
background: #afc2df;
}
#body
{
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
top: 0px;
}
#box1
{
border: 250px;
border-style: groove;
border-r
浏览 4提问于2013-09-26得票数 0
回答已采纳
1回答
我正在尝试创建一个悬停事件，它不会影响我布局的其余部分。看起来z-index可以做到这一点，但是我不能让它工作。我试图坚持使用css，但是jQuery是可行的。
完整应用：
html
<div class="big-square" id="br">
<div class="little-square" id="br-tl"></div>
<div class="little-square" id="br-tr"></div>
浏览 1提问于2012-08-23得票数 1
回答已采纳
我希望在CSS中，前将呈现在容器之前，后将呈现在后面。就像这样
前面: z-index = 0，容器: z-index = 1，以及后面: z-index =2
但顺序是: z-index = 1，容器: z-index = 0，后面: z-index =2。
HTML：
<div id=theDiv>DIV</div>
CSS：
#theDiv{
position:relative;
width:100px; height:100px;
background-color:red;
margin:50px;
}
#theDiv:before{
con
浏览 5提问于2016-12-08得票数 0
回答已采纳
我读过很多关于如何通过修改wmode=“不透明”的embed-tag来强制lightbox (或其他dhtml东西)放在flash上的文章。仅仅修改lightbox的z索引(或flash上的任何其他内容)是不够的。
但是如果你不能控制embed-tag怎么办？
我正在与一个有横幅系统的客户一起工作，在那里我不能控制embed标签...
真的没有什么我可以做的强制html在flash-item上，而不需要操纵flash的嵌入吗？
浏览 0提问于2009-10-20得票数 0
回答已采纳
我试图用z索引在.previewSlide div和.PreviewArrowUl之间定位图像.
.previewSlide的z指数为1，.PreviewArrowUl为5，img为20，但PreviewArrowUl大于img.
.previewSlide {
height: 110px;
background-color: #484848;
z-index: 1;
overflow: hidden;
position: relative;
}
.PreviewArrowUl {
position: absolute;
backgro
浏览 0提问于2016-01-04得票数 3
回答已采纳
2回答
更新--这似乎是background在IE8中的一个问题。CSS3饼似乎正确工作，但当我有一个背景，它没有显示。如果我完全删除背景css，它将再次显示。IE：
html, body{
background: /*CSS */; /* Remove this property */
}
现在我的问题变成了如何让CSS3饼在有背景的IE8中正常工作？
具有上述代码的。
原始问题
我试图在IE8中复制一个使用CSS3 Pie的外观。我想让它看起来像这样：
下面是在IE8中使用CSS3饼的方式：
正如您所看到的，当我实现CSS3饼时，框就消失了！我以前没有使用过CSS3饼
浏览 2提问于2012-10-09得票数 5
回答已采纳
1回答
可能重复：
IE7上的一个窃听器把我逼疯了..。nav在这个站点的主页上处于jquery循环滑动面板下：。
我已经对已知的IE7 z-索引错误进行了修复，但它仍然不起作用。我也一直在寻找另一个网站，我最近做了，这是可行的！
主要的css文件是:www.marwar-trailers.co.uk/css/cre.css to loo at : nav_container，slider_wrapper，滑块
会很简单的我想..。有人能帮我摆脱痛苦吗？！
干杯,
罗伯。
浏览 5提问于2012-05-09得票数 1
回答已采纳
MDN建议在下使用版本号，其中子元素被赋予版本号(例如，如果子元素的z索引为6，并且包含在带有z索引4的父元素中，则其版本号为4.6)。它使用此方法很容易地解释z-index 5的父/子堆栈之外的div如何出现在z-index 6的子元素(因为它的版本号为4.6)之上。但是，我在下面构建了一个使用此方法不起作用的示例。黄色div (z-index 1)是红色div (z-index 0)的子函数，我输入了一个z-索引为0的蓝色div。版本号方法建议，版本号为0.1的黄色div应该出现在蓝色div之上，但这当然不会发生。我是否误解了MDN，还是创建了一个反例？
浏览 0提问于2020-04-01得票数 0
回答已采纳
如果你看看我正在设计的这个网站()，就会发现div元素的z索引有一个问题。点击左下角的stork & baby图像。在展开的图像中有一个关闭按钮，它隐藏在滑动按钮的下面。我的main.css的代码是：
#SlidingButtons {display:block;overflow:hidden;position:absolute;left:320px;top:130px;width:840px;height:800px;z-index:4;}
#Points {display:block;overflow:hidden;position:absolute;left:0p
浏览 2提问于2013-12-08得票数 1
我想让橙色的div渲染到其他div之上，
而不改变HTML标记(即，静态地或通过DOM树操作动态地)，而不改变兄弟或父代的z索引。
我可以使用任何可行的解决方案，JS、CSS或其他(即适用于所有主流浏览器)
考虑到这些限制，实际上可能不可能做我想做的事情。
更新:看看这个小提琴应该是什么样子：，但是这个小提琴对我不起作用，因为它操纵的是DOM。
浏览 0提问于2012-06-28得票数 3
2回答
问题所在
我使用jQuery supersized作为全屏背景图片，这将是一个可点击的广告。在标记中的主要内容上方，我使用了锚定标记、位置固定、z索引为-1、显示块和高度/宽度为100%。所有这些都是完美的，问题是当应用z-index时，锚标签的“可点击性”就消失了。
有人有什么想法吗？我可以使用两个锚标签，定位在主要内容的绝对位置，并将它们推到两边，但是我不确定这种效果通常是如何应用的。
任何帮助都将不胜感激。
浏览 0提问于2011-04-20得票数 2
回答已采纳
我遇到了IE7 z索引堆叠错误，但我找不到解决它的方法。下面是一个简单的HTML测试用例：
<!doctype html />
<html>
<head>
</head>
<body>
<div style="position:relative; width:500px;">
<div style="position:absolute; top:0; left:30px; width:300px; height:30px; border:1px solid #ff0000;"&
浏览 0提问于2012-03-20得票数 1
回答已采纳
2回答
下面是我的web应用程序中的CSS类
#header {
position:absolute;
left:0px;
top:0px;
background:url(Images/header.png);
background-size:100% 86%;
width:100%;
height:16%;
z-index:200;
}
#centre {
position:absolute;
left:0px;
top:16%;
width:100%;
height:80%;
z
浏览 3提问于2013-03-16得票数 0
1回答
我有一个带有阴影效果的标题条，并包含导航链接；当您悬停在它们上时，会出现一个子菜单。
如何使子菜单出现在头条后面的图层上？我需要标题的框阴影投射在子菜单的顶部。
目前，子菜单( .main-navigation li ul )的z索引低于头条( .site-header )，但这没有任何效果。我尝试给它一个负的z-索引，但这把它放在内容后面(因此隐藏)并且链接不再工作-我已经读到这是一个常见的问题，所以我想避免使用负z索引。
希望你能帮上忙。
浏览 1提问于2013-09-19得票数 0
回答已采纳
2回答
在wordpress中，我使用掠夺者Slideshow，但是当我打开顶部菜单时，子菜单显示在滑块上，那么next按钮就不会隐藏在子菜单后面。为了获得更多帮助，我提供了一张图片，您可以在这个问题的末尾看到图像链接:图像1是默认的，没有菜单显示，但是在2图像中，您可以看到子菜单上的滑块next按钮，但是css代码是：
background: url("../images/blog-felesh-r1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
height: 53px;
overflow: hidden;
position:
浏览 3提问于2013-11-13得票数 1
回答已采纳
1回答
我想浮动的下拉菜单在其他items.But下面的代码显示下拉菜单，但下拉菜单下的项目。我已经使用了z索引，但它对我来说不是很好。可能是z索引的执行错误。
<style type="text/css">
li.css3videos ul {display: none;}
li:hover ul {display: block; position: absolute;}
li:hover li {float: none;}
</style>
<div id="css3navigation" style="position:
浏览 2提问于2013-07-07得票数 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
回答已采纳
1回答
我有一个关于jQuery的.show()函数的令人抓狂的问题。
我在我的网页上有一个导航栏。当您将鼠标悬停在导航栏中的最后一个元素上时，会在其下方弹出一个子导航菜单。这一部分工作得很好。
jQuery代码如下所示：
$('#navbar li.etc').hover(
function() {
$('#subnav').show();
$('li.etc a.main').addClass('hover');
},
function() {
$('
浏览 2提问于2011-06-28得票数 3
回答已采纳
1回答
我的问题与这个问题有关：
对这个问题的回答是设置overflow: visible，它只对一个子节点的一个父节点有效。但是，我有这些元素的行；需要子元素显示在父元素上的父元素行。我可以让子项显示在原始父项之上，但不能让子项显示在父项的兄弟项上。为了让你对我所说的有所了解，这里有一个截图：
我想要的是options弹出窗口，隐藏在下两行后面的元素，显示在这两行上，就像它显示在它的直接父级上一样。我一直在摆弄它，但还没有弄清楚，所以希望这里有人能帮上忙。
基本结构如下：
.row,
.selector {
position: relative;
}
.label,
.sele
浏览 2提问于2012-06-24得票数 8
回答已采纳
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
我有一个嵌套在z-index: 0元素中的元素，该元素位于z-index: 1元素的下面。父元素*正确地**显示在另一个元素下。但是，当我使子元素display: table-cell; z-index: 2时，它跳出它的父元素(在垂直z轴上)并跳到更高的外部元素之上！为什么会发生这种事，我该怎么阻止呢？
示例：
父类为display: table的示例，相同的问题：
HTML：
<div class="hover">
HOVER IN HERE
</div>
<div class="container">
<div
浏览 4提问于2015-12-09得票数 1
回答已采纳
单击汉堡包图标后，我不知道如何显示幻灯片图像上方的菜单。我使用z-index和.addClass将diplay:none属性添加到#幻灯片中。这不起作用。我不知道我下一步能做什么。
main.js
<script>
$(document).ready(() => {
$('#slideshow .slick').slick({
autoplay: true,
autoplaySpeed: 2000,
dots: true,
});
});
$(document).ready(() =&g
浏览 0提问于2020-02-01得票数 0
有人能告诉我怎么做吗？
我刚开始学习javascript。我使用jquery：创建了一个拖放游戏
现在我需要改进它，以便用户能够：
使用按钮将项目向前移动(超过其他项目)
使用按钮将项目发回(在其他项目后面)
为了使其有效工作，还需要有一个指示符来指示当前选择了哪一层(例如，包围框或其他东西)。
会很感激你能提供的任何帮助。我已经把代码放在下面以防你需要它。
谢谢
<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.co
浏览 2提问于2011-12-28得票数 3
回答已采纳
1回答
我有下面的代码，在这里我尝试用div显示class="one"，首先是它的子divs (所以整个元素看起来是红色的)。但这种情况似乎并没有发生。我该怎么解决这个问题？
<div class="one">
<div class="two">This is two</div>
<div class="two">This is two
<div class="three">This is three&l
浏览 0提问于2020-10-30得票数 0
我正在努力改进我的css，特别是使用z-index来重叠元素和改变堆栈顺序。我创建了这个小提琴，但当我更改z-index的值时，层保持不变。我不能让z-index做任何事情。
在不使用z索引的情况下，另一个div中的div始终显示在顶部。我尝试使用z-index将它放在容器div下，但没有成功。因此，我想也许位于彼此内部的div不能改变它们的堆栈顺序，所以我在这些div之外创建了另一个div，但也不能改变它的堆栈顺序
浏览 2提问于2011-12-16得票数 0
回答已采纳
1回答
我正在使用JQuery来改变页面的不透明性，经过一定的延迟。问题是，我的弹出式也造成了这种不透明。
如何在没有div #popup-news的情况下将其应用于整个页面？
content.html：
<div id="popup-news">
[...]
</div>
style.css：
#popup-news {
width: 45%;
position: fixed;
left: 50%;
transform: translateX(-50%);
padding-top: 10px;
pa
浏览 1提问于2022-03-10得票数 1
回答已采纳
2回答
如果这个元素的父元素的位置是固定的，那么为什么z-index属性不能使用具有绝对位置的元素？我为这种情况做了简单的
HTML：
<div id='q1'>
<div id='q2'></div>
</div>
CSS：
#q1 {
position: fixed;
width: 100%;
height: 50px;
background-color: red;
z-index: 0;
}
#q2 {
position: absolute;
top: 80%;
border
浏览 3提问于2017-10-25得票数 0
回答已采纳
5回答
我在html页面上有一个图片和一个段落。
守则如下：
<!DOCTYPE html>
<html>
<head>
<style>
img
{
position:absolute;
left:0px;
top:0px;
background-color:red;
z-index:1;
}
p
{
z-index:2;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="w3css.gif"
浏览 3提问于2014-08-11得票数 3
回答已采纳
4回答
我环顾四周，找不到当表单被聚焦时使标题出现的解决方案。我可能遗漏了一些明显的东西(可能不能用这个选择器来完成)。
理想情况下，我希望避免使用jQuery而坚持使用CSS (更高级的CSS就好了)，因为我没有支持IE的计划--我喜欢学习，但IE对我来说太痛苦了。
这是我目前的CSS：
#search-title {
color: rgba(0, 0, 0, 0);
font-size: 20px;
font-weight: 300;
margin-left: -30px;
-webkit-transition: all 200ms;
-moz-tr
浏览 5提问于2012-07-20得票数 3
回答已采纳
1回答
我遇到了一些z-index的问题
假设我有以下内容
<div id="A"> z-index = 2
<div id="B"></div>
</div>
<div id="C"> z-index = 1
<div id="D"></div>
</div>
我想让"D“在"B”的上面
当然，这只是一个例子，我知道如果我交换A和C的z-index，我会得到我想要的，但显然比这复杂得多，但本质是这样的，考虑到我
浏览 1提问于2013-06-19得票数 1
1回答
我试图找到为什么我的下拉菜单(只有HTML，CSS)不能工作。我使用经典的:悬停选项来更改显示:无；显示:flex；。我的目标是当用户在"Unsere Produkte“上盘旋时，会出现一个子菜单。在它需要被隐藏之前。如果有人能帮我，我会很高兴的。非常感谢。
/* Desktop Navigation Bar fixed*/
.hidden{
display:none;
flex-direction: column;
position: absolute;
z-index: -5;
background-color: #FFFEF9;
浏览 7提问于2021-04-02得票数 0
回答已采纳
我们的问题与这个位置的jQuery动画有关：
点击下拉箭头看动画..。然后单击“向上拉”箭头关闭横幅。既然你已经看过了，我可以更好地描述问题是什么。
动画在底部附近是跳跃的，在错误的位置结束(特别是32像素过高)。不过，它从正确的地方开始。
我们已经尝试过在每一个可能的组合中切换-32和0。唯一给出我们喜欢的动画的组合是，对于这两个if语句都是0。然而，我们不喜欢个人和组织下面的32像素白色边框。
如果有人有任何建议，我们将不胜感激。
这里是应用于它的代码：
/* code for dropdown of menu */
$("#dropArrow").click(funct
浏览 5提问于2012-05-16得票数 0
我在我的WordPress网站上遇到了问题，一个jQuery数据报警器被Visual规则掩盖在它下面。我相信这是一个z-index的问题，但我正在添加的CSS没有任何影响。
URL为himelhochbb.com
调整窗口的宽度向下移动，以便您可以体验的问题，在它下面的一行涵盖了半个月的数据报警器。
浏览 1提问于2016-11-15得票数 0
好吧，我有个小问题。我有一些代码，JS工作(至少与非CSS修改版本)，但它与CSS修改版本失败。我想知道是否有人能帮我找出CSS的实现出了什么问题……
我想要发生的是前4个复选框中的任何一个，如果选中，禁用所有其他复选框。但是，如果选中其他任何复选框(数字5及以上)，都不会被禁用(当然，除非有人选中前四个复选框中的一个)。
我的JavaScript：
<script type="text/javascript">
$(window).load(function(){
var $inputs = $('input[type=checkbox]', $
浏览 0提问于2013-04-27得票数 2
回答已采纳
我面临使用z-index作为相对和绝对位置属性的问题，在orcitMultiselectTreeviewDropdownInner下面是orcitMultiselectTreeviewDropdown的子div。z-index正在按预期工作，但当我滚动水平orcitMultiselectTreeviewDropdownInner div时，页面上有滚动条，也更改了位置。我如何保持位置，即使使用水平或垂直滚动通常应该是？
CSS:
.orcitMultiselectTreeviewPosition .orcitMultiselectTreeviewDropdown .orcitMultisele
浏览 3提问于2016-01-20得票数 1
1回答
我想把红点放在数字前面。我可以通过改变Z坐标来做到这一点。但是，白色区域也位于红色圆圈后面。
我做错了什么？非常感谢。
浏览 8提问于2020-03-28得票数 1
2回答
#twitter{
width:50px;
height:50px;
position: absolute;
right: 0%;
bottom: 0%;
background-color: orange;
z-index:-2;
}
#socialButton {
position: relative;
width: 80px;
height: 80px;
background-color: green;
z-index: 2;
}
#socialButtonRoot {
width: 100px;
height: 100px
浏览 1提问于2018-08-07得票数 5
回答已采纳
1回答
我正在Vue上创建一个自定义的select组件，并使用顺风对其进行样式化。
我想有一个雪佛龙向下插入符号svg对齐向右，这将打开选择选项时，单击。我在这方面有点麻烦。
<template>
<div class="flex flex-wrap mb-4 relative">
<select :value="value" @input="$emit('input', $event.target.value)" class="w-full h-12 pl-4 bg-white foc
浏览 0提问于2019-07-06得票数 1
回答已采纳
背景:我有一个桌面浏览器应用程序，使用mapquest和传单js插件。我使用divIcon类作为标记，这允许我使用自定义的HTML和标记的样式。每个divIcon标记还包含一个隐藏的div，当标记悬停时显示(使用:悬停类)。我既没有使用默认标记，也没有使用内置在传单中的默认弹出窗口，因为自定义html可以更好地控制样式。
问题:当弹出窗口显示时，地图上的任何其他标记都会显示在弹出窗口的顶部，而不是下面。我尝试过将弹出div的z索引设置为一个更高的数字，但这没有帮助。
期望:当你把鼠标悬停在图标上时，标记应该在弹出窗口后面，而不是在前面。
这不是一个重复的问题:这个问题与不一样。这个问题是让默认
浏览 8提问于2017-04-08得票数 13
回答已采纳
3回答
D3带一个圆圈到顶端？
、、、
我正试着把一组圆圈举起来。
[JS]
function brushUser(userList){
userMapSvg.selectAll('circle')
.data(userNodes)
.classed('selected', function(d){
if ( contains(userList, d.firmwideId)){
return true;
}
else
retur
浏览 2提问于2013-08-21得票数 0
回答已采纳
在我的app.component.css中，我有以下内容：
* ~ * {
margin-top: 24px;
}
它确实对第一个元素之后的所有元素应用了一些边距顶。这不是我想要的，因为我只需要针对我的主人的直接子女。所以我做了以下几件事：
:host > * ~ :host > * {
margin-top: 24px;
}
不幸的是这没什么用。我在这里错过了什么？
浏览 1提问于2017-08-16得票数 1
回答已采纳
11回答
我隔离了一个IE7的z-index错误的小测试用例，但不知道如何修复它。我整天都在玩z-index。
IE7中的z-index有什么问题？
测试CSS：
input {
border: 1px solid #000;
}
div {
border: 1px solid #00f;
}
ul {
border: 1px solid #f00;
background-color: #f00;
list-style-type: none;
margin: 0;
padding-left: 0;
z-index: 1000;
}
l
浏览 0提问于2009-08-17得票数 164
回答已采纳
我需要在更高的"z-level"上显示一个元素。问题是，元素在带有"display: flex"和"justify-content: space-around"的div中。普通的z-index属性不能工作，我认为这是因为元素没有固定的/相对的/绝对的位置。
有没有办法解决这个问题，并给元素一个更高的z-value？
我需要看到汉堡包，当导航打开时，代码(css看起来很奇怪，因为我使用sass)：
const welcomeText = document.querySelector('.welcome-text');
const
浏览 0提问于2019-08-06得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
