为什么z索引不适用于固定元素和子元素
z索引是CSS中用于控制元素在垂直方向上的层叠顺序的属性。它可以用来调整元素在页面中的显示顺序，使某个元素覆盖其他元素。
然而，z索引并不适用于固定元素和子元素的原因如下：
- 固定元素：固定定位的元素是相对于浏览器窗口而不是文档流进行定位的。它们会脱离文档流并创建一个新的层叠上下文。由于固定元素的层叠顺序已经被浏览器定义为最高，所以无论设置什么z索引值，固定元素始终会在其他元素之上显示。
- 子元素：z索引属性只能在父元素内部的兄弟元素之间进行层叠顺序的调整，而不能直接应用于父元素和子元素之间的层叠顺序。子元素的层叠顺序是相对于父元素进行的，父元素的z索引值会影响所有子元素的层叠顺序。因此，如果想要调整子元素的层叠顺序，需要通过调整父元素的z索引值来实现。
总结起来，z索引不适用于固定元素和子元素是因为固定元素已经具有最高的层叠顺序，而子元素的层叠顺序是相对于父元素进行的。在处理固定元素和子元素的层叠顺序时，应该通过其他方式来实现，例如调整父元素的z索引值或使用其他CSS属性和技巧来控制层叠顺序。
相关·内容
我有以下代码(示例)：
<div style="position: fixed">
<div id="AAA" style="position: absolute; background-color: green; z-index: 1">AAA</div>
</div>
<div style="position: relative">
<div id="BBB" style="position: absolute; backgr
浏览 1提问于2017-05-31得票数 2
回答已采纳
2回答
将div放在主滑块上
、、、、
我正在使用()中的主滑块，它工作得很好。但是，我需要在它上面添加一个div来显示一些内容，所以我使用了下面的代码，但是无论z-index中的数字是多少，它仍然位于后面。
#on-top {
margin-top:-50px;
z-index:9999;
}
浏览 0提问于2015-04-22得票数 0
2回答
首先，请允许我说我是CSS的新手。还有很多东西需要学习！我在的一个网站上工作
一切都很好，除了主内容框被放置在固定位置的徽标下面而不是上面，即使徽标上的z索引低于内容框上的z索引。你们这些天才能告诉我什么？
浏览 0提问于2011-10-19得票数 33
回答已采纳
2回答
我需要#slides_ribbon_left和#slides_ribbon_right把它放在#框架后面。我想知道为什么z索引没有帮助！这是链接- ，有人能帮上忙吗？
浏览 0提问于2012-03-05得票数 0
回答已采纳
我正在开发一个响应性拍卖网站，上面有粘性菜单，底部有固定菜单。
我有一系列的框(Div)在身体，所以内容流动与视口大小。在每个框/div中，我在顶部有一张图片，在框底部有一个固定位置的文本块。文本块包括指向描述页的锚标记。
要做到这一点，我必须使用的位置:相对的框/div和位置:绝对的文本块。但是，由于位置css属性，框/div现在滚动到固定菜单的顶部。如果我把z-索引-1放在div's上，它们滚动在菜单下面，但文本块中的文本链接是不可点击的，因为它们是最后面元素的一部分。我需要能够点击它们。任何想法，请就如何让我的div下的粘性菜单，但仍然让我点击文本链接。
CSS：
.salebo
浏览 5提问于2016-06-18得票数 2
回答已采纳
2回答
我正面临z索引的问题，我的布局草稿在这里：。
我正在努力实现以下目标
#topBar，#Navigations，#infobar需要永远固定。
Z- #mainMenu索引。需要介于#contentBorder和#content之间(有阴影)。
Z- #categorys索引。需要是#contentBordera和#content的顶端。
任何帮助都将不胜感激。
浏览 2提问于2013-07-21得票数 1
4回答
我有以下几点：
主要摘录如下：
HTML
<div id="wrapper">
<div id="innerwrapper">
<div id="nav">
<div id="about" class="menu1">About</div>
<div id="aboutsub">
<div id="team&#
浏览 6提问于2014-02-11得票数 1
回答已采纳
4回答
CSS与重叠浮动
、、
我正在尝试为我正在处理的页面设置一个简单的水平制表符结构，但是我在使用浮动div和z-index组合时遇到了一些麻烦。
在浏览器中查看以下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
浏览 2提问于2009-02-23得票数 30
回答已采纳
5回答
z-index样式允许您控制所绘制的订单框。例如，可以将子元素绘制在其父元素的下面：
#parent {
background: rgba(33, 33, 33, 0.7);
}
#child {
width: 100px;
height: 100px;
background: yellow;
position: relative;
z-index: -1;
}
<div id="parent"><div id="child"></div></div>
但是，当父元素是<bo
浏览 6提问于2015-08-20得票数 6
回答已采纳
2回答
我正在努力让z-index在我的HTML代码中工作。我已经在好几个地方查过了，上面说我需要给我的部门增加一个职位。我已经做过了，但还是没有用。下面是我为z-index使用的CSS和HTML。
CSS:
.Location{
width: 1000px;
margin-top: 50px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
}
.logo{
background-color: white;
position: relative;
left:
浏览 1提问于2010-07-29得票数 1
回答已采纳
3回答
我有两个固定的元素(聊天框和Cookies广告)，即使我添加了一个z-index，它们也不能正确定位
风格
Chat:
bottom: 0;
position: fixed !important;
right: 40px;
z-index: 9998;
饼干：
background: #000000 none repeat scroll 0 0;
bottom: 0;
box-shadow: 0 0 10px 0 #ffffff;
color: #fff;
font-family: arial;
font-size: 14px;
left: 0;
line-height: 1.3em;
opa
浏览 3提问于2016-06-10得票数 2
回答已采纳
1回答
我目前正在创建我的第一个wordpress主题，我有问题的水平下拉。在悬停时，下拉显示在内容下面。
(截图)
我试过用z指数来调整相对位置和绝对位置，但似乎没有效果。将绝对值添加到导航周围的主div会产生以下结果：
(截图)
下降现在是可见的，但它打破了布局。
这里是html/php:
<div class="container">
<div class="row">
<div class="twelvecol last" id="nav">
<?php wp_
浏览 3提问于2013-01-28得票数 0
回答已采纳
1回答
我已经看到您可以用z索引来更改整个元素的优先级，但我想知道，是否只有当一个较高的元素“在其顶部”(较高的元素具有较高的z-索引)时，才能更改元素的一部分的z-索引。
简单地说，同一个块(一个方形div元素)可以有多个不同的z索引，并在其他元素下面/上面滑动，还是z-索引是一个元素的整体呢？有点像
footer{
z-index: 5
}
div .slide-under-footer {
z-index: 10;
}
div .slide-under-footer:overlapping footer{
z-index 0
}
我希望我的项目能优雅地在页脚下面滑动(页脚固定在
浏览 2提问于2015-08-13得票数 0
回答已采纳
7回答
我有一个默认定位的div (即position:static)和一个具有fixed位置的div。
如果设置元素的z索引，似乎不可能使固定元素落后于静态元素。
#over {
width: 600px;
z-index: 10;
}
#under {
position: fixed;
top: 5px;
width: 420px;
left: 20px;
border: 1px solid;
height: 10%;
background: #fff;
浏览 12提问于2011-03-07得票数 495
回答已采纳
3回答
我有一个附加了css类的div，它定义了z-index。这在chrome和firefox上运行良好，但在IE上就不行了。我不得不把位置:相对于IE。但同样的方法并不适用于edge。对Edge来说什么都不起作用。
我有一个类似按钮的东西，当单击两个元素时打开，一个重叠另一个。我想排在最前面的那个有50个z指数，另一个有20个。
除了z-index之外，我还需要添加一些其他属性才能在边缘上工作吗？
<div class="abc">
...
</div>
.abc{
z-index: 10;
}
我对just edge有问题。
浏览 2提问于2018-05-03得票数 2
1回答
是否有一种方法来定位一个非固定的div，它在固定的div之上滚动页面？我试过z索引但那不起作用。固定的div内部有一个基于父包装器宽度百分比的布局。下面是我的代码和花招。我想要的红色盒子是固定在下面的蓝色盒子，卷轴。
HTML
<div class="holder">
<div class="wrapper">
<div class="redbox">
<p>
red box
</p>
</div>
</div
浏览 6提问于2020-01-26得票数 1
回答已采纳
3回答
我有一个div (父)和另一个div在父(子)中，并且我想将子隐藏在父的后面。
编辑：我将尝试更好地解释，所以我谈到了z轴，但是如果我做这样的事情：
.parent {
z-index: 10;
}
.child {
z-index: 0;
}
这不管用。所以我问你一个问题:我的孩子怎么能在z轴上被我的父母控制？
.parent {
width: 200px; height: 200px;
background-color: red;
}
.child {
width: 100px; height: 100px;
background-color: blue;
浏览 0提问于2018-06-20得票数 1
回答已采纳
让我们把事情简化一下
<div style="width:100px; height:200px; border:10px solid; cursor:pointer; position:absolute; z-index:99;">dsdsfdsfsdfdsfdsf</div>
<img style="z-index:0;" id="default_image" src="http://www.takeprideinutah.org/wp-content/uploads/2009/04/trees.
浏览 0提问于2011-03-13得票数 0
回答已采纳
我正在从第三方提供商将事件列表日历拉到我的网站中。它是通过一个简单的javascript调用拉入的，并且已经放在了我的站点的div中。当鼠标悬停在事件上时，您会看到一个工具提示弹出窗口，其中显示了有关该事件的更多信息(全部由javascript驱动)。我使用CSS来放置一个图像作为div的背景，但是工具提示弹出窗口出现在CSS源图像的后面。我尝试为提取背景图像的主div设置一个z-index为0，然后为我的javascript嵌套另一个带有z-index为1的div，但它什么也没做。
我没有权限为第三方日历系统编辑任何javascript，所以我必须在我自己的网站上做任何事情来完成修复。不幸的
浏览 3提问于2012-06-22得票数 0
1回答
我对CSS中的z索引有问题。
代码：
div.banniere{
background-image:url('../img/banniere.png');
background-repeat: no-repeat;
background-position: -23px 0;
height: 750px;
width: 100%;
position: absolute;
z-index: -1;
}
p.menu-king{
color: white;
transform: rotate(270deg);
浏览 2提问于2014-04-01得票数 0
这种z-index格式化是如何工作的？我应该只能看到带有z-index和150的层，而不能看到其他任何层，但是我能够看到所有三个层，因为z-indez没有工作。它应该是如何工作的？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>z-index</title>
<!--Problem is that the z-index is not at all working-->
</head>
<
浏览 0提问于2016-12-17得票数 2
请注意：
MongoDB shell version: 2.4.1
connecting to: test
> use dummy
switched to db dummy
> db.invoices.find({'items.nameTags': /^z/}, {_id: 1}).explain()
{
"cursor" : "BtreeCursor items.nameTags_1_created_1_special_1__id_1_items.qty_1_items.total_1 multi",
浏览 0提问于2013-09-02得票数 1
回答已采纳
我有一个带有3个DIV的简单页面：
使用HTML：
<div id="content1">foo</div>
<div id="overlay"></div>
<div id="content2">bar</div>
和CSS：
#overlay { width: 160px; height: 160px; background:yellow;
position: absolute; top:0; left: 0 }
我认为，当没有定义任何z-in
浏览 6提问于2014-05-12得票数 3
回答已采纳
我有一个按钮元素，它有一个position=为“absolute”的类。这阻止了按钮被点击。一旦我删除了绝对位置，按钮的位置就会更改到我不想要的位置，但单击可以正常工作。z-index=-1用于按钮放置在另一个组件上。我如何让它保持绝对位置和可点击？
<button type="button" onclick="RandomFunction()" class="b-Crown"></button>
.b-Crown {
cursor: pointer;
padding-left: 25px;
ma
浏览 2提问于2019-01-06得票数 1
2回答
在这里有一个网站：
我遇到的问题是博客有一个高度为340px的div和一个固定的背景附件。
.full-fixed-background {
position: relative;
width: 100%;
height: 340px;
background: url("images/blog_slide.jpg") 0 0 repeat fixed;
background-attachment: fixed;
background-size: 100% auto;
z-index: 3000;
}
如果我将位置从相对位置
浏览 3提问于2013-11-09得票数 0
1回答
我试着为一个响应式菜单重现。这一切都运行得很好，但我试图将菜单固定在我的一个项目的页面顶部。不幸的是，隐藏菜单在修复后，不要在悬停后更改z索引。
#icon_cont ul{
background-color: #cccccc;
margin-top: 75px;
z-index:-2; /**THIS DOES NOT APPLY**/
position: absolute;
top:100%;
padding: 0;
right: 0;
}
我试了所有的方法，但一点也不管用。
您可以在中看到，当容器具有相对位置时，它可以工作，但当它
浏览 0提问于2015-04-07得票数 1
我似乎在chrome和safari上有一个愚蠢的z索引问题，我找不到任何解决办法。
我准备了一把小提琴：
向下滚动时，页面内容应该在标题(灰色栏)上方，但在徽标下面。Firefox中的工作原理与预期一样，但chrome和safari没有在徽标元素上应用z索引。
我是不是遗漏了什么？(我不希望标志是绝对的或固定的)
HTML：
<header>
<div class="logo">Logo</div>
</header>
<div id="page-body">
Page Conten
浏览 7提问于2015-03-30得票数 2
回答已采纳
我使用信息框将一个div附加到地图上的大约20个标记上。div包含一个锚点，它通过classname:hover显示。这就像预期的一样，但是唉:我真的很想让这个框弹出:鼠标悬停在页面上的所有其他内容之上，以确保该框的内容不在任何其他内容的后面。
我已经将位置和z索引应用于页面上的所有相关元素，弹出框中有z索引1000，而所有其他元素都低于100。标记-图像(z-索引80)仍然覆盖着框。我试图更改窗格，并使用setZIndex将标记的索引设置为80，但没有效果。
boxText.innerHTML = '<p class=\"sheikh_flag\"> &l
浏览 2提问于2013-08-26得票数 1
2回答
Z-索引只在铬中工作。
、、、
我有一个直播网站和
我一直想要标志在顶部的.content div。我主要使用Google，因为我更喜欢它而不是FF的萤火虫，但我也有FF，在Chrome索引和其他css渲染方式，我想，但在火狐没有z索引和项目显示正常，因为没有索引。
无论如何，我已经在浏览器栈中测试了它，它向我展示了整个网站需要一些工作才能真正跨越浏览器。我已经开发了我自己的css，然后吸收引导，这就是为什么css文件如此混乱，目前我正在重写和调整css，但我不知道为什么z索引不能在Chrome之外工作。
浏览 3提问于2014-12-08得票数 0
回答已采纳
问题
我试着让一个图层看起来像是一堵倒塌的墙，露出它背后的一层。我已经设置了两个固定的div位置。“墙”div的z指数为9999，“背景”div的z指数为0；
在我测试过的Webkit浏览器(Safari/IOS)中，一旦动画在“墙壁”上启动，z索引就会丢失或被忽略，导致“墙”层突然消失在背景div后面。
对于如何保存层的z索引有什么想法吗？提前感谢！
示例代码(注:底部为jsFiddle )
HTML代码
<div id="wall">
This is the wall
</div>
<div id="background
浏览 16提问于2014-03-24得票数 22
1回答
我有下面的下拉列表，我已经链接到一个带有链接的图像地图模式窗口。但是，即使将模式设置为z-index: 99999;，选择列表也位于模式窗口的顶部
关于如何让选择框不覆盖模式窗口有什么想法吗？我能以某种方式设置选择列表的z索引吗？
浏览 1提问于2011-11-21得票数 0
回答已采纳
1回答
nav栏对位置和z索引没有响应。
、、、、
我有一个svg动画工作良好，但导航条是在顶部。我有我的动画与z索引：-1和主页与z索引:1标题，无论我改变了什么，保持相同的位置。我改变了头寸和指数，似乎没有任何影响。知道我做错了什么吗？该网站是在nuxt和头是一个组件。这会影响吗？
谢谢
浏览 3提问于2022-03-25得票数 -2
2回答
我想通过多个背景创建边框，并发现了一个问题。我需要对每个背景应用优先级，因为它们中的许多都是相互重叠的。
有没有什么css属性可以设置每个背景的z索引？
left-top-corner(z-index:2) top(repeat-x) right-top-corner(z-index:2)
left(repeat-y)
left-bottom-corner(z-index:2) bottom(repeat-x) right-bottom-corner(z-index:2)
就像这样。
类似于：
background-z-index:2,1,2 .. etc.
浏览 0提问于2013-02-17得票数 8
回答已采纳
在上，页面顶部有两个导航菜单。
一个是#topmenu，下面一个是#mainmenu。
#topmenu的z-index为200
#mainmenu的z-index为100
当我将鼠标悬停在顶部菜单的“深度”上，并沿子菜单向下移动到01级、02级、03级……时，我无法超过03级，因为我认为#mainmenu正在抢占指针的焦点。
当#mainmenu的z索引小于#topmenu时，为什么会发生这种情况？
浏览 1提问于2013-11-23得票数 2
我面临使用z-index作为相对和绝对位置属性的问题，在orcitMultiselectTreeviewDropdownInner下面是orcitMultiselectTreeviewDropdown的子div。z-index正在按预期工作，但当我滚动水平orcitMultiselectTreeviewDropdownInner div时，页面上有滚动条，也更改了位置。我如何保持位置，即使使用水平或垂直滚动通常应该是？
CSS:
.orcitMultiselectTreeviewPosition .orcitMultiselectTreeviewDropdown .orcitMultisele
浏览 3提问于2016-01-20得票数 1
我想设置list z-index。
当鼠标悬停在列表上时。
此列表显示在<p>文本上方
下面是简单的html和css。
<style>
ul li{
display:none;
}
ul:hover li{
display:block;
z-index:-1;
}
</style>
<ul><h3>This is LIST</h3>
<li>back</li>
<li>forword</li>
<li>click</li>
&
浏览 1提问于2013-09-01得票数 2
4回答
都是关于..。Z-索引？
、、、、
这个财产让我很困惑。
好吧..。我在谷歌搜索：
z-索引是什么？
z-index属性指定元素的堆栈顺序。堆栈顺序更大的元素总是在堆栈顺序较低的元素前面。注:Z-索引只适用于定位元素(位置:绝对，位置:相对，或位置:固定)。
z索引使用什么？
元素相互重叠的顺序。为此，您可以为每个元素分配一个数字(z-索引)。该系统是指数字较高的元素与数字较低的元素重叠。
好的，我现在明白了，它组织元素，我们可以使用任何数字.较高的z-指数出现在所有elements..ok尼斯上.
..very简单而又非常好
...but我从答案中注意到，它依赖于位置属性，所以->.(Google)。
，z指数和位置之间
浏览 5提问于2010-02-21得票数 8
回答已采纳
1回答
我正在尝试添加一些覆盖说明通过chardinjs到我的网站。我有一个固定的导航栏与图像。我希望覆盖看起来像它在页面上的样子。下面是我的html：
<div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container navbar-container">
<a class="brand"
浏览 1提问于2013-07-23得票数 0
我不能选择这些dropdrown-link中的一个，尽管#header div的z索引比其他的高。所有相关的div都在同一级别，但不能正确对齐：
<div id="header">
<div id="navigation">
</div>
</div>
<div id="sidebar"></div>
<div id="content">
浏览 0提问于2010-04-30得票数 1
回答已采纳
1回答
菜单栏是一个superfish三层菜单。菜单栏的css代码为:-
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {line-height: 1.0;}
.sf-menu ul {
position: absolute;
top: -999em;
width: 11em; /* left offset
浏览 1提问于2013-03-08得票数 0
1回答
我知道，张贴到网站的链接被认为是不好的，我们应该解释这个问题，但实际上我不知道问题是什么。我以前从未经历过这样的事情。
页面：
滚动到底部，找到谷歌地图，在div #wpgmza_map中有一个覆盖div创建一个蓝色的地图，然后另一个div (..details.container内的框)应该位于地图的顶部和覆盖层上。
目前覆盖正在工作，但细节框正在做一些奇怪的事情，背景在谷歌地图下，但内容在顶部(仍然在覆盖之下)。
据我所知，我的z指数是正确的，但它不是在打球。知道为什么吗？或者我该怎么修复它？
浏览 1提问于2015-11-01得票数 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回答
我的问题是：
我有一个父div设置为z-index:0，但作为一个不必要的副作用，包含在父div中的两个链接被禁用(没有悬停，没有链接操作)。
上下文：
我使用的是图像滑块(Nivo Slider)。我必须将z-index设置为0，以允许导航菜单正确覆盖图像滑块。当我更改父容器的z-index时，下一个和以前的链接就不再起作用了。
活生生的例子：
div.nivoSlider =父容器
a.nivo-prevNav / a.nivo-nextNav =问题链接
我的问题是：
如何修复“断裂”的链接？
浏览 7提问于2012-11-23得票数 1
回答已采纳
我今天一直在努力解决IE7 z指数问题，我看不出问题的真相。下面的代码显示了一个定制的样式下拉菜单，它位于名为wrapper_bottom_outer的div之上，在除IE7之外的其他浏览器上，该代码可以在wrapper_bottom_outer之上显示select/下拉类。然而，只有在IE7上，select/dropdown才显示在wrapper_bottom_outer div后面。
今天，我已经了解了开发人员使用IE7和z索引时遇到的问题，我今天肯定会遇到这些问题。
有什么明显的东西我错过了吗？问题在于堆叠的上下文吗？如果是这样的话，我该如何解决呢？
<div class="
浏览 1提问于2012-08-08得票数 0
回答已采纳
我正试图获得一个文本链接，以显示在一个部分透明的图像之上，这反过来是在一个普通的彩色背景之上。我希望在打印页面时，链接文本和图像要打印出来，而不是彩色背景。(这就是为什么我不使用背景图像属性)
问题是，虽然链接出现在图像的顶部，而图像按需要出现在背景上，但是不能单击链接。在我看来，如果链接出现在顶部，那么它应该容易受到鼠标事件的影响.
这种情况至少发生在以下浏览器中: Firefox 6.0 (Windows + Linux)、Firefox 3.6 (Windows)和Internet 7。
请有人告诉我，这是我的HTML/CSS问题，还是浏览器的问题？
下面是一些HTML来演示这个问题：
浏览 9提问于2011-08-30得票数 32
回答已采纳
可以提供浏览器用来处理z索引的算法/伪代码吗?我似乎总是遇到这样的情况:当使用z索引时，我的期望不符合观察到的行为。我认为理解z索引的最好方法可能是研究浏览器用来处理它的算法。我以为算法应该是：
render(Node n)
{
var contexts = [n.stackingContext]; // initialize by creating a single root context
for(var child in n.children)
{
if (child has a z-index set using either z-index:n
浏览 3提问于2014-12-09得票数 4
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
1回答
我想在父div的同一级别上显示在div之上的子div (即父容器中的子div)。我可以使用jQuery和CSS来操作z索引.在下面的示例中，我希望日历位于gridRight的上方，但是z索引为1000，gridRight为2，它仍然没有显示在它上面。用户可以在周围拖动日历。我如何做到这一点，以便日历显示在上面的gridRight？
-The元素具有属性位置:绝对值
这是基本的JSFiddle
我想要能够移动红广场以上的绿色广场，所有的黑色广场仍将显示在绿色广场之下。
浏览 6提问于2012-06-21得票数 1
回答已采纳
1回答
我正在做一个页面，五个绿色的圆圈一旦进入它们就会“弹跳”，然后会有东西出现在下面。请看。
我遇到了一个问题，如果我只使用".button“类，当光标在div上移动时，动画将无法控制地弹出。我试图通过将一个单独的".sbutton“div加上一个z索引来解决这个问题，这使得它保持在顶部，因此它应该独立于跳跃的".button”类。它被赋予了一种颜色(红色)，因此z-指数可以在jsfiddle示例中进行检查。
以下是JS部分：
$(document).ready(function(){
var selector;
$( ".sbutton" ).mous
浏览 2提问于2014-06-20得票数 2
回答已采纳
我试图构建的布局包含了一个嵌入的google地图，其中一个div的底部与google地图的右上角重叠。
<-查看此图像以查看所需的布局。
目前，google映射div (#div 3)与#div 2重叠。我需要这反过来，一个简单的z-索引的变化不会解决它。StackOverflow上类似的问题有一个position: relative容器和position: absolute内部div。这个解决方案对我来说是不公平的，因为Div 2并不意味着是一个直接的子类，也不是与谷歌地图相关的，而是显示在地图上方的一个不相关的div。我觉得切换到绝对定位会损害布局/潜在的响应能力。
这里是CSS
浏览 2提问于2017-07-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
