0

也许标题不是很好，但我的措辞有点麻烦......

基本上，是否有可能让 jQuery 的悬停只在具有 alpha 通道的 png 的实际内容上触发。

所以在下图中；

http://i.imgur.com/3kO7v.png

仅在矩形上触发，而不是在构成文档边界其余部分的 alpha 通道上触发...

我已经尝试过明显的 $('obj').hover(function(){stuff}) 但这也会在 alpha 通道上触发......

最终的实现将是更复杂的形状，而不仅仅是旋转的正方形，因此 css3 技巧已作为主要基础，但可以与备份/垫片一起使用，另外我需要支持 IE7 和 ipad、iphone、 iPod....

如果有 CSS2 解决方案，那也很合适。此外，任何关于这个问题的真正指导都非常受欢迎。我对此的备份将是有一个空的 div，显示块并将其放置在形状上，然后使用它。这显然不适用于较小的方形物体。

任何点击或提示都非常受欢迎。

谢谢

4

1 回答 1

1

是的，这取决于元素的堆叠上下文。请记住，当您将焦点放在页面上的任何特定元素上时，您实际上将焦点放在同一堆叠上下文中的所有其他元素上。

所以你可以做的是阻止事件在堆栈中冒泡（如果你想要“悬停”的元素在堆栈中低于你想要防止悬停效果的元素），或者专门为 onhover 设置防止默认值堆叠上下文中所有元素的事件，除了您想要实际获得悬停效果的元素。

于 2012-07-17T14:25:30.410 回答