html - 为什么 fixed navigation box-shadow 在 Firefox 和 IE 中不能正常显示？

Question

据我所知，Chrome、Opera 和 Safari 似乎一切正常。

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

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

Answer 1

根据您的 header CSS:

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

您需要为框阴影添加 -moz-box-shadow 属性才能在旧版本的 FF(Pre-FF13)中工作。

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