html - 为什么固定导航框阴影在 Firefox 和 IE 中无法正常显示？

Question

据我所知，一切似乎都在 Chrome、Opera 和 Safari 中运行。

但正如您所见，在 IE 和 Firefox 中，标题部分下方的框阴影是错误的。

此外，请尝试单击 Firefox 中的导航链接。该网站水平和垂直滚动，我不确定是什么原因造成的。

Answer 1

根据您的标题 CSS：

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0px 2px 20px #000;
}

您需要-moz-box-shadow为盒子阴影添加属性才能在旧版本的 FF（FF13 之前）中工作。

不要忘记指定高度：114px；在标题中。