【问题标题】:setting the hitbox when using css transform:scale(x);使用 css transform:scale(x) 时设置 hitbox;
【发布时间】:2012-10-08 08:39:51
【问题描述】:

使用-webkit-transform:scale(4);时是否可以设置元素的hitbox?

http://jsfiddle.net/bnA7L/

在上面的 jsfiddle 示例中,我有两个 div。当您将鼠标悬停时,您需要将鼠标移动到新边界的边缘以使其恢复到原来的大小。

我希望它在用户的鼠标移出原来的命中框后立即恢复到原来的大小。

【问题讨论】:

    标签: css transform scale onmouseover


    【解决方案1】:

    当您为每个 div 添加 2 个子项时,可以在 CSS 中完成。 孩子 1 不缩放并充当碰撞箱。 子 2 天平,仅当您将鼠标悬停在子 1 上时。

    http://jsfiddle.net/willemvb/q7vbD/

    【讨论】:

    • 是的,你可以尝试为#divtwo添加float:right
    【解决方案2】:

    您必须在转换之前使用 jQuery 或 JavaScript 检查坐标,然后监听 DOM 上的 mousemove 事件。

    【讨论】:

      猜你喜欢
      • 2014-03-29
      • 2016-06-04
      • 2014-09-30
      • 1970-01-01
      • 1970-01-01
      • 2016-11-07
      • 1970-01-01
      • 2021-04-05
      • 2011-09-12
      相关资源
      最近更新 更多