【发布时间】：2011-06-23 20:30:04
【问题描述】：
有人知道如何让 zOrder 以不同方式处理视觉和鼠标事件吗？
我有一个 <div> 元素，我将它放在 zOrder 的较高位置，它略微透明以突出显示某些内容，但它干扰了原始元素上的 :hover css 样式。
我要么需要使<div> 对鼠标不可见，要么让它的鼠标 zOrder 与它的可视 zOrder 不同。这将在 HTML 中，从未听说过任何允许这样做的东西，其他人听到什么吗？
我想我不确定为什么需要一个样本，但它会是这样的：
#a1:悬停{ 背景颜色：红色； } #c1 { 位置：绝对； z 指数：10； 宽度：100px； 高度：100px； 不透明度：0.3； 背景颜色：绿色； }
示例
上面的示例可能只会使问题复杂化，但是 div#c1 以更高的 z 顺序位于其余元素之上，具有透明的绿色。
我希望div#a1:hover css 样式在鼠标悬停在 a1 上时仍然有效，在上面的示例中，div#c1 也在相同的位置，因此它接收到 :hover 效果（如果有是一个）。我想让div#c1 拥有不同的鼠标 z 顺序，以便鼠标事件“通过”它到底层元素（导致 a1:hover 发生）
【问题讨论】：
-
我建议你发布一些示例代码，否则这个问题有被关闭的风险。