html - Firefox と IE で固定ナビゲーション ボックスの影が正しく表示されないのはなぜですか?

Question

私が見る限り、すべてが Chrome、Opera、Safari で動作しているようです。

しかし、ご覧のとおり、IE と Firefox では、ヘッダー部分の下のボックス シャドウが正しくありません。

また、Firefox のナビゲーション リンクをクリックしてみてください。Web サイトが縦方向だけでなく横方向にもスクロールしますが、何が原因なのかわかりません。

Answer 1

ヘッダー CSS ごとに:

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

-moz-box-shadow古いバージョンの FF (Pre-FF13) でボックス シャドウを機能させるには、プロパティを追加する必要があります。

高さを指定することを忘れないでください: 114px; ヘッダーに。