如何防止元素在悬停时移动边框？
- Susan Sarandon原创
- 2024-12-20 17:27:22949浏览
悬停边框导致元素轻微调整
问题：
具有悬停事件的无序锚点列表添加了边框，但由于宽度增加，悬停时锚点会稍微向左移动。如何保证绝对定位？
解决方案：
在非hover状态下添加透明边框可以防止hover边框时的“跳动”
#homeheader a:visited, #homeheader a{
border:1px solid transparent;
}
说明：
透明边框允许锚点的宽度保持一致，因此当悬停边框出现时，位置不会发生变化。这是一个 JSFiddle 演示：
http://jsfiddle.net/TEUhM/3/
以上是如何防止元素在悬停时移动边框？的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn