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

Question

这是杯子：http ://www.franzsarmiento.com/contact_information.jsp

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

Answer 1

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