如何在不更改其位置的情况下将div与另一个div重叠-CSS
零位
我在网页上方有两个div。我只想将顶部div的阴影与下一个重叠。绝对和相对位置通过扩展或固定位置完全改变了div的位置/位置。是否有一行代码可以直接确定哪些div将重叠，而哪些div在不更改位置的情况下不会重叠？如果没有，我该如何进行定位？我的最高div：
div#divSlogan{
background-color: #FFBD01;
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -1.15%;
padding: 0.1%;
-moz-box-shadow: 0px 0px 10px 2px #888888;
-webkit-box-shadow: 0px 0px 10px 2px #888888;
box-shadow: 0px 0px 10px 2px #888888;
}
以下div：
div#menu{
text-align: center;
font-size: 120%;
background-color: #FFA700;
padding: 0.1%;
height: 20%;
width: 49%;
margin-left: auto;
margin-right: auto;
}
我的网页：
总而言之，我想将顶部div（写为Listen.Enjoy ..）的阴影放在下面div（即菜单）的下面。我怎样才能做到这一点？
悉达思·夏尔马
您不需要为此使用绝对定位。我不确定为什么相对定位对您不起作用。要使用z-index，您需要使用绝对，相对或静态位置。这是工作代码，在您的css文件中以此替换div＃menu。
div#menu{
text-align: center;
font-size: 120%;
background-color: #FFA700;
padding: 0.1%;
height: 20%;
width: 49%;
margin-left: auto;
margin-right: auto;
position:relative;
z-index:-1;
}
编辑1：您必须在此处使用相对位置，因为z-index否则将无法工作。
这是此工作的JSFiddle：http : //jsfiddle.net/pezrwv0z/3/
编辑2：代码中可以改进的其他内容。代替margin-left：auto；右边距：自动；使用
margin:0 auto ;
以div为中心。
height:20%;
您不能以％来提供height的值，而应使用像素（px）。例如：height：50px;
编辑3：似乎链接在负z-index的容器中不起作用。这是更新的小提琴。http://jsfiddle.net/pezrwv0z/3/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在没有位置的情况下将一个div与另一个div重叠
- 2
在不更改div位置的情况下替换css动画
- 3
如何使用html和css使div与另一个div重叠
- 4
如何在不干扰同一页面上的另一个PartialView的情况下将JS和CSS文件指定为特定的PartialView？
- 5
将鼠标悬停在另一个div上时CSS更改div
- 6
在没有CSS的情况下在另一个div鼠标悬停时更改多个div内容/带有xml源文件
- 7
当您仅使用 css 单击另一个 div 时，如何使 div 更改颜色？
- 8
通过DRAGGABLE将一个DIV移到另一个DIV下吗？（CSS，JQuery）
- 9
CSS如何在另一个div中选择一个类
- 10
在另一个CSS上重叠一个div
- 11
CSS-将100％宽度的div包装在另一个[jsfiddle]下
- 12
HTML / CSS Fluid Grid：如何将div叠加到另一个div
- 13
如何使用CSS将div边框隐藏在另一个div后面？
- 14
HTML / CSS Fluid Grid：如何将div叠加到另一个div
- 15
CSS div从一个位置到另一个位置
- 16
CSS悬停更改另一个div（在另一个单独的包装div中）
- 17
CSS：如何将div移到另一个之上？
- 18
如何使用CSS从另一个div隐藏一个div
- 19
如何通过 CSS 和 BootStrap 基于另一个 <div> 元素设置 <div> 元素的位置
- 20
页脚div在高度为100％的另一个div下并使用CSS滚动
- 21
CSS3-如何在将一个元素（最好是div元素）悬停在另一个元素上时移动？
- 22
如何在不弹出的情况下更改 webpack 配置以将 CSS 设置为模块
- 23
CSS覆盖div与另一个div
- 24
CSS DIV伸出另一个DIV
- 25
悬停另一个div时，通过过渡更改div图像（仅CSS）
- 26
如何将 CSS 属性从一个 div 复制到另一个？
- 27
如何在没有 Bootstrap 的情况下使用纯 CSS 将两个 div 居中？
- 28
CSS-将div的高度一直降低到另一个div
- 29
将一个 div 放在另一个 CSS 的右侧
我来说两句