Question

我有2个或3个div标签，它们的位置是绝对的，所以它们是重叠的，并且具有相同的父级，就像这样

<div class="parent">
   <div class="div1"></div>
   <div class="div2"></div>
   <div class="div3"></div>
</div>

我为div1“cursor：not-allowed;”设置了css，但它不适用，因为div1在div2和div3之下。有没有办法继承下层光标？我想当我将指针移动到div1时，它显示“不允许”。

由于

Answer 1

您可以在2个div上使用pointer-events: none，但support仅限于IE。 Here's a demo

Answer 2

你可以在div1上碰撞z-index，将其推到另外两个上面。我不确定这是否会破坏你的设计，但如果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;
}

Answer 3

唯一的方法是将光标设置在它们的公共.parent div上。并使用默认光标：自动对.parent的子项。

多HTML层的CSS

3 个答案: