html - 页脚链接在悬停时抖动/移动

标签 html css

我需要一些专家的建议,因为它让我发疯!!

我已经检查了所有内容,甚至删除了所有 CSS,但我无法阻止这种情况发生!

在本网站的页脚 - www.thedevelopists.co.uk ,链接在悬停时向下移动约 1 像素。疯狂的是,当你离开时它们并没有反弹,它们仍然下降了 1 像素。此外,要看到此错误/错误,您必须向右滚动到页面底部??

如果有人能解决这个问题,我会很高兴!!

P.S 这在 Firefox 中受影响最大。在 Chrome 中,它的行为有点不同,而不是轻微移动,诅咒手疯狂地闪烁。

最佳答案

这很简单。只需将下面的代码放在您的 CSS 中。

footer li {
    display: inline-block;
    width: 100%;
}

出现这种情况是因为您的li 不清楚。那里发生了。干杯!!!

关于html - 页脚链接在悬停时抖动/移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38262793/

相关文章:

javascript - 如何在新的 div 中追加 li

html - 根据一个或多个列值查找或更改同一表行上的项目

javascript - 在具有悬停效果的图像上填充与没有悬停效果 css 的相同图像不匹配

css - 动画持续时间不准确

html - 如何在带有 css 的 html 5 中以不同方式设置多个表的样式

html - CSS文件的浏览器缓存

javascript - 使用带有外部 JavaScript 文件的 onMouseOver 和 onMouseOut 突出显示表格行

jquery 选择除 div 及其子元素之外的所有元素

css - Joomla 中支持 IE 10 的灰度图像

css - 响应式电子邮件和 IE 7.5 移动版