元素上的透明图像：悬停

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。