2011-07-28 55 views
11

我有一个图像网格和它的顶部的画布层,一旦用户从网格滚过缩略图图像,我想在画布标签上做一些动画,所以我想知道是否可以让鼠标事件穿过画布层?是否可以让鼠标事件通过画布层?

+0

为什么你在所有东西上都有画布? – MoarCodePlz

+0

因为我想在触发鼠标事件的图像顶部做一个动画 –

+0

那么,为什么不在鼠标悬停事件上在图像上创建画布呢? – MoarCodePlz

回答

21

尝试在你的画布此CSS属性:

pointer-events: none 

http://dev.w3.org/csswg/css3-ui/#pointer-events

它的目的是防止元素接收任何鼠标事件都没有。 Mozilla似乎相信这个事件会像你期望的那样传递给它背后的元素。

https://developer.mozilla.org/en/CSS/pointer-events

看起来这可能不是在IE和Opera的支持,所以您可能必须禁用这些浏览器的动画。

+0

似乎现在可以安全使用:http://caniuse.com/#feat=pointer-events至少如果你不关心IE <= 10;) – Fidel90