如何防止元素在悬停时移动边框？

悬停边框导致元素轻微调整

问题：

具有悬停事件的无序锚点列表添加了边框，但由于宽度增加，悬停时锚点会稍微向左移动。如何保证绝对定位？

解决方案：

在非hover状态下添加透明边框可以防止hover边框时的“跳动”

#homeheader a:visited, #homeheader a{
    border:1px solid transparent;
}

说明：

透明边框允许锚点的宽度保持一致，因此当悬停边框出现时，位置不会发生变化。这是一个 JSFiddle 演示：

http://jsfiddle.net/TEUhM/3/

以上是如何防止元素在悬停时移动边框？的详细内容。更多信息请关注PHP中文网其他相关文章！