javascript - 链接导致文本在 Opera 中向上移动

Question

这是 cuplrit:http://www.franzsarmiento.com/contact_information.jsp

我正在使用 HTML5 Boilerplate，出于某种原因，在 Opera 中，当我将鼠标悬停在链接上方时，文本会向上移动。对于这些链接，我没有任何 a:hover CSS。这个问题只发生在 Opera 中，我检查了所有其他浏览器。我在 Opera 11 和 12 上对此进行了测试。

Answer 1

它似乎来自于 css 第 19 行的 a:hover, a:active { outline: 0 }。该页面在页面加载时有一个 3px 的轮廓，然后在悬停时变为 0px。您可以从该规则中删除 a:hover 或将相同的规则添加到 anchor 标记 a { outline: 0 } ，或将其更改为您希望在 :hover 和 :active 上发生的任何行为。