CSS 游标 属性 通过 div 传播

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 被覆盖，是否可以将鼠标光标更改为 link 指针？换句话说：我可以让玻璃板对光标设置透明吗？ （我不想为此使用 JavaScript）

Answer 1

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

#glasspane {
    pointer-events: none;    
}