У меня есть 2 или 3 тега div, их положение абсолютное, поэтому они перекрываются и имеют один и тот же родительский элемент, например
<div class="parent">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</div>
Я устанавливаю css для div1 "cursor: not-allowed;", но это не применяется, потому что div1 находится под div2 и div3. Есть ли способ наследовать курсор под слоем? Я хочу, когда я перемещаю указатель на div1, он показывает "не разрешен".
благодаря
Вы можете набросать z-index на div1, чтобы нажать его над двумя другими. Я не уверен, что это испортит ваш дизайн, но если div1 может отображаться "сверху" двух других, это может сделать трюк.
.parent div {
position: absolute;
}
.div1 {
z-index: 1;
cursor: not-allowed;
background: blue;
height: 100px;
width: 100px;
}
.div2 {
background: yellow;
height: 100px;
width: 200px;
}
.div3 {
background: green;
height: 100px;
width: 300px;
}
Единственный способ - установить этот курсор на их общий.parent div. И используйте курсор по умолчанию: auto для дочерних элементов.parent.