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

【问题标题】：Links are causing text to move up in Opera链接导致文本在 Opera 中向上移动
【发布时间】：2012-07-29 03:04:17
【问题描述】：

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

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

【问题讨论】：

在 Opera 12.00 中似乎可以正常工作
@elclanrs 当您第一次悬停链接时，正文会向上移动约 2 个像素。
是的 Fabricio 这正是我的问题

标签： javascript html css html5boilerplate

【解决方案1】：

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

【讨论】：

但是那行代码来自 HTML5 Boilerplate。它不会破坏其他东西吗？
根据您的选择，它将改变您页面上大纲的行为。在查看您的网站后，问题也可能来自您的 CSS 代码#main-wrapper{overflow:auto}，您在这里使用此规则有什么原因吗？