在铬一个div按钮死区小(Small dead space on a div button in c

我无法解释这一个。 我有一个div，这是一个按钮。 我用的：有源伪类和位置：相对; 移动它略有下降，并点击时的权利，给它一个动画。 出于某种原因，有此按钮在Chrome有关按钮的文本和边缘之间一半死区小。 该伪类仍然触发，但按钮上的JavaScript不。 如果我删除的相对位置，问题消失。 这也发生在Firefox，但在Firefox不工作区是非常有优势，其中移动到按钮位置的方式进行，这是有道理的，但也需要修复。

我创建了一个的jsfiddle，借以说明问题： http://jsfiddle.net/dillydadally/CUHA7/6/

任何想法，为什么发生这种情况？ 有没有办法解决？

Answer 1:

CSS。 这是因为保证金：10px的; 在#btn

编辑

如果您使用onmousedown事件 ，而它的onclick会工作。

解释：

伪类是在之前的onClick激活。 从2px的活跃为20px：如果您更改的值。 你会看到，即使你点击按钮的中间这种情况发生。

所以左侧和顶部由设置新值后：主动，鼠标是不是在DIV的顶部了，不能注册点击 （ 按下和释放 ）。

但onmousedown事件仍然引发，因为它不依赖于鼠标按钮的释放。

文章来源: Small dead space on a div button in chrome