Как довести DIV2 до WRT DIV1?

114
13

Я пытаюсь привести DIV2 поверх DIV1, я следил за некоторыми из ранних вопросов, но ничто, похоже, не решило мою проблему.

Вот соответствующие DIV-элементы, представленные их CSS.

Это то, что я имею в виду DIV1

 <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>

Это DIV2

<div class="disclaimer4" id="basic-modal-content">
<h3>Disclaimer</h3>
<p>Want this on TOP</p>
</div>

Соответствующий CSS

.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;
}

Если я изменю положение на "относительное", DIV1 полностью исчезнет. Я пробовал разные значения для z-индекса DIV2, включая отрицательные значения. Тем не менее я не могу довести его до вершины. Как это можно достичь.

спросил(а) 2021-01-19T16:09:28+03:00 2 месяца, 3 недели назад
1
Решение
122

Попробуй это

.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;
}

http://jsfiddle.net/a3WSm/4/

ответил(а) 2021-01-19T16:09:28+03:00 2 месяца, 3 недели назад
44

Ваш ответ: ссылка на скрипку

.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;

}


измените z-индекс.left_black_out в минус (-9990;)

Z-индекс

ответил(а) 2021-01-19T16:09:28+03:00 2 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема