通过 div 传播的 CSS 游标属性

Question

是否可以让 div 的 CSS 光标属性通过覆盖它的透明 div 传播？

让我用模型来说明:https://jsfiddle.net/azL1ot2d/

使用以下 HTML 代码:

<div id="page">
    <div id="clickable">Click me!</div>
    <div id="glasspane">
        <div id="other">Some glass-pane content</div>
    </div>
</div>

以及以下 CSS 代码(简化为重要部分):

#page {
    position: absolute;
    width: 100%;
    height: 100%;
}

#clickable {
    position: absolute;
    top: 100px;
    left: 100px;
    background-color: orange;
    cursor: pointer;
}

#glasspane {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

#other {
    ...
}

请注意我是如何在可点击的 div 上设置光标属性的，但是该 div 完全被玻璃面板 div 覆盖(我将其用于效果、对话框等)。如果它悬停在可点击的 div 上方，即使 div 被覆盖，是否可以将鼠标光标更改为链接指针？换句话说:我可以让玻璃板对光标设置透明吗？ (我不想为此使用 JavaScript)

Answer 1

是的，你可以，但没有 IE 支持，就这样吧:JSFiddle 诀窍是使用指针事件:无；在顶层:)

#glasspane {
    pointer-events: none;    
}