我有多个锚点元素。偶尔点击它们不起作用,所有CSS动画都能正常运行,但链接不会打开任何页面/触发任何操作。我必须稍微移动光标,然后再次点击。
我确定这是一个CSS问题,但我在我的CSS中找不到任何错误。我认为问题可能在于边距(4px底部边距,但是在:active上有4px顶部边距),但我在许多网站上看到过这种情况,按钮却完全正常...
这些是按钮。单击它们,大约有20次点击之一无法使用(有时甚至在第一次点击时就发生): http://jsfiddle.net/4nz4v/(请注意,按钮在点击后未获得.active类,在最新版本的Opera和Chrome中进行了测试)
以下是CSS:
我确定这是一个CSS问题,但我在我的CSS中找不到任何错误。我认为问题可能在于边距(4px底部边距,但是在:active上有4px顶部边距),但我在许多网站上看到过这种情况,按钮却完全正常...
这些是按钮。单击它们,大约有20次点击之一无法使用(有时甚至在第一次点击时就发生): http://jsfiddle.net/4nz4v/(请注意,按钮在点击后未获得.active类,在最新版本的Opera和Chrome中进行了测试)
以下是CSS:
.button {
display: inline-block;
vertical-align: top;
color: #000;
background: #aaa;
text-shadow: 1px 1px 1px #fff;
border: 0;
padding: 0.6em 1.2em;
margin: 0 0 4px 0;
text-decoration: none;
border-radius: 6px;
}
.button:hover {
color: #fff;
text-shadow: none;
}
.button:active {
margin: 4px 0 0 0;
}
.active {
background: #fff;
text-shadow: none;
color: #000;
}
谢谢。