【发布时间】:2012-10-08 08:39:51
【问题描述】:
使用-webkit-transform:scale(4);时是否可以设置元素的hitbox?
在上面的 jsfiddle 示例中,我有两个 div。当您将鼠标悬停时,您需要将鼠标移动到新边界的边缘以使其恢复到原来的大小。
我希望它在用户的鼠标移出原来的命中框后立即恢复到原来的大小。
【问题讨论】:
标签: css transform scale onmouseover
使用-webkit-transform:scale(4);时是否可以设置元素的hitbox?
在上面的 jsfiddle 示例中,我有两个 div。当您将鼠标悬停时,您需要将鼠标移动到新边界的边缘以使其恢复到原来的大小。
我希望它在用户的鼠标移出原来的命中框后立即恢复到原来的大小。
【问题讨论】:
标签: css transform scale onmouseover
当您为每个 div 添加 2 个子项时,可以在 CSS 中完成。 孩子 1 不缩放并充当碰撞箱。 子 2 天平,仅当您将鼠标悬停在子 1 上时。
【讨论】:
您必须在转换之前使用 jQuery 或 JavaScript 检查坐标,然后监听 DOM 上的 mousemove 事件。
【讨论】: