HTML-网站在IE中看起来正确,但在Chrome中有bug?

HTML-网站在IE中看起来正确,但在Chrome中有bug?,html,css,google-chrome,css-transitions,Html,Css,Google Chrome,Css Transitions,你可以找到这个网站 在Chrome上: 当您将鼠标悬停在图标上时,图标会随机跳转一些像素, 语言栏太低了 关于IE: 外观和工作正常 以下是最重要的CSS CSS: 您可以在源代码中看到HTML:) 铬: 即: 我想我正在使用IE和Chrome的最新版本。 请帮助,谢谢:)将正文{margin:0px;padding:0px;}添加到CSS中似乎是内容的垂直对齐导致了 1920 X 1080屏幕-镀铬 1280 X 800屏幕-镀铬 如您所见,根据屏幕大小,间距将发生变化-(查看您的滚动

你可以找到这个网站

在Chrome上: 当您将鼠标悬停在图标上时,图标会随机跳转一些像素, 语言栏太低了

关于IE: 外观和工作正常

以下是最重要的CSS

CSS: 您可以在源代码中看到HTML:)

铬:

即:

我想我正在使用IE和Chrome的最新版本。
请帮助,谢谢:)

正文{margin:0px;padding:0px;}
添加到CSS中

似乎是内容的垂直对齐导致了

1920 X 1080屏幕-镀铬

1280 X 800屏幕-镀铬

如您所见,根据屏幕大小,间距将发生变化-(查看您的滚动条)

您还可以在
#nav
元素中添加一些
边距顶部:
。 比如:

#nav {
   margin-top: 30px;
}
站点上的另一个重要变化是在
#nav.fa胶片span
中设置了
不透明度:0
。不透明度0允许在您悬停时显示(我猜您只需要在用户悬停图标时显示工具提示)。将span设置为
显示:无
,然后将
导航a:悬停span
更改为

#nav a:hover span {
  display: inherit;
}

到处都看不见瓦利恩。你是指标签还是。。。我能做些什么来解决这个问题?图标是怎么回事?已经修好了#lang,但是图标仍然跳跃像素:这是什么意思,仍然跳跃像素?当我将鼠标悬停在图标上时,它们实际上会左右移动(它们自己和一些其他图标+内容中的一些字母)几个像素。对不起,我的回答迟了。让我们来看看
#nav a:hover span {
  display: inherit;
}