网页显示有些问题

Question

当我点击导航栏时，有人可以告诉我为什么会出现帧阴影吗？这只出现在Chrome上。它适用于Safari和Firefox。不知道IE。

这是image。

Answer 1

添加此css规则以防止浏览器添加自己的大纲，这会影响html中的所有元素。

* {
  outline: 0;
}

Answer 2

如上所述，这是由于浏览器有时会设置的预定义样式。为了避免将来发生这种情况，您的所有项目都应该包含一个CSS规范化 - 这是一个特殊的样式表，可以抵消浏览器样式中所有遗留的怪异。

您可以在此处下载规范化副本：

https://necolas.github.io/normalize.css/

将其作为单独的样式表添加到项目的开头，或将其贴在样式表的最顶部。

Answer 3

这是由于a标签的outline属性。在你的css outline:0;或outline: none;中使用，这应该可以解决问题。