Css 如何让DIV2成为顶级WRT DIV1?
我试图将DIV2置于DIV1之上,我已经关注了前面的几个问题,但似乎没有任何东西能够解决我的问题 下面是相应的DIV元素,它们由CSS组成 这就是我所指的第一组Css 如何让DIV2成为顶级WRT DIV1?,css,html,Css,Html,我试图将DIV2置于DIV1之上,我已经关注了前面的几个问题,但似乎没有任何东西能够解决我的问题 下面是相应的DIV元素,它们由CSS组成 这就是我所指的第一组 <div class="left_black_out"><img alt=" close" src="./img/slider_in.png" style="background:none rgba(255,255,255,0.8); opacity:.3"> <div class="worl
<div class="left_black_out"><img alt=" close" src="./img/slider_in.png" style="background:none rgba(255,255,255,0.8); opacity:.3">
<div class="world" >
<h2>WORLD ABOVE THE WORLD</h2>
<p>THIS IS IN TOP</p>
</div>
</div>
如果我将位置更改为“相对”,DIV1将完全消失。
我尝试了DIV2的z-index的不同值,包括负值。
我仍然无法把它带到顶端。
如何做到这一点。
}
将.left_black_的z索引改为-9990;)
试试这个
.left_black_out {
background:none rgba(0, 0, 0, 0.8);
zoom:1;
bottom: 0;
display: block;
height:100%;
left: -660px;
top:30px;
padding: 100px 60px 30px;
position: absolute;
width: 800px;
float: left;
margin-top:-30px;
z-index:0;
}
.disclaimer4 {
position: absolute;
overflow:hidden;
float: left;
background:#fff;
z-index:1;
opacity:0.9;
}
你能创建一个JSFIDLE吗?为什么会留下:-660px;在div1中是否有必要?radha是的,项目中需要它可以使用请为您的问题设置小提琴@N.nihar即使js小提琴也让我震惊,它在那里工作正常,但不是在真实情况下,你能够在div之间切换更改Z索引值不会试图解决问题give the live url@nihar den only我们可以继续为我工作正常你可以查看右下角的链接你可以看到“免责声明”,点击你可以得到这个问题背景图像不加载,我试着把一个图像放在js小提琴,但它也不工作,否则一切都好,但是背景图像必须加载本地src文件url ll不加载使用实时src url到JSFIDDLE中的图像我尝试了一个谷歌图像的源文件我是一个新来者可能输入了错误的语法,你可以检查这一点,尽管我在你的js fiddle源中添加了一个图像链接
.left_black_out {
background:none rgba(0, 0, 0, 0.8);
zoom:1;
bottom: 0;
display: block;
height:100%;
left: -660px;
top:30px;
padding: 100px 60px 30px;
position: absolute;
width: 800px;
z-index: 9990;
/*overflow:hidden;*/
float: left;
margin-top:-30px;
}
.disclaimer4 {
position: absolute;
opacity: .99
z-index: 9999;
overflow:hidden;
float: left;
}
.left_black_out {
background:none rgba(0, 0, 0, 0.8);
zoom:1;
bottom: 0;
display: block;
height:100%;
left: -660px;
top:30px;
padding: 100px 60px 30px;
position: absolute;
width: 800px;
z-index: -9990;
float: left;
margin-top:-30px;
.left_black_out {
background:none rgba(0, 0, 0, 0.8);
zoom:1;
bottom: 0;
display: block;
height:100%;
left: -660px;
top:30px;
padding: 100px 60px 30px;
position: absolute;
width: 800px;
float: left;
margin-top:-30px;
z-index:0;
}
.disclaimer4 {
position: absolute;
overflow:hidden;
float: left;
background:#fff;
z-index:1;
opacity:0.9;
}