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

Html 页脚链接在悬停时抖动/移动,html,css,Html,Css,我需要一些专家的建议,因为这会让我发疯 我已经检查了所有内容,甚至删除了所有CSS,但我无法阻止这一切的发生 在本网站的页脚-,链接在悬停时向下移动约1px。疯狂的是,当你离开时,它们不会反弹,而是保持1倍的下降。此外,要查看此错误,您必须向右滚动到页面底部 如果有人能弄明白这一点,我会很高兴 另外,这在Firefox中受影响最大。在Chrome中,它的行为稍有不同,而不是轻微移动,光标会疯狂地闪烁 这很简单。只需在css中添加以下代码 footer li { display: inli

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

我已经检查了所有内容,甚至删除了所有CSS,但我无法阻止这一切的发生

在本网站的页脚-,链接在悬停时向下移动约1px。疯狂的是,当你离开时,它们不会反弹,而是保持1倍的下降。此外,要查看此错误,您必须向右滚动到页面底部

如果有人能弄明白这一点,我会很高兴


另外,这在Firefox中受影响最大。在Chrome中,它的行为稍有不同,而不是轻微移动,光标会疯狂地闪烁

这很简单。只需在css中添加以下代码

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

发生这种情况是因为您的li不清楚。这是有可能发生的。干杯

如果您觉得悬停时页脚链接抖动/移动是由于过渡效果,请尝试此代码

如果你不需要的话

footer a { transition: none; }

在Chrome和FF中看起来都很正常,悬停时我会看到一点文本高亮动画。您使用的浏览器版本是什么?@DBS尝试过IE,看起来也不错。这只是第一次在Firefox中受到影响。第二次看起来很正常。在我的Chrome版本51.0.2704.106 m和Firefox开发者版49.0a2(2016-07-03)中,它看起来很正常。那么,怎么知道问题出在哪里呢?太奇怪了!我在两台不同的机器上试过,结果都是这样。正如Vishal Panara所说,这只是第一次发生,然后你必须硬刷新页面,然后它会再次出现!我使用的是FF的最新版本。真糊涂!我试过了,那个伙伴仍然不工作,我把css放在那里让你看:-)能把你的代码放在这里吗?@dannyboi1987你用的是哪种浏览器?我是说你的浏览器版本。在我的浏览器中,它工作得很好,就像悬停不透明度:0.4它的firefox似乎是主要问题,你想看到什么代码?你能在inspector中看到的只是html和css?你想让我发布页脚html、css吗?简单到:悬停不应该因浏览器版本不同而有所不同,是吗?光标的行为也很奇怪?从手到箭头的移动应该在那里。只是注意到一些其他的东西,如果我刷新页面点击f5,例如,它的罚款!但是如果我硬刷新,错误会再次开始?所以问题一定是我的浏览器