带有 :hover 的元素上的透明图像

Question

是否可以将部分透明的背景/图像（带阴影的 png 徽标）定位在（使用更高的 z-index 或以其他方式）某个元素（菜单）上，而顶部图像（徽标）不会干扰:hover 部分覆盖的元素（菜单）的行为？

目前我有一个带有背景图像（徽标）的 div 覆盖菜单，因此菜单元素永远不会得到任何 :hover 触发器（也无法单击）。我希望 div 像现在一样显示，但是所有与鼠标相关的点击和悬停事件都会通过 div 传递到菜单，就好像菜单在顶部一样。

Answer 1

pointer-events: none 是 CSS 提供的答案。

浏览器支持：http://caniuse.com/pointer-events（适用于除 IE10 和更早版本之外的任何地方）

见：http://jsfiddle.net/7D5Jt/

如果浏览器对 pointer-events 的支持不可接受，则必须使用 JavaScript。