html - 静的ナビゲーション バーの下の画像が機能しない

Question

チェック: www.trillie.nl

スクロールすると、他のコンテンツと同様に、画像がナビゲーション バーの下ではなく上に移動することがわかります。

Answer 1

あなたのz-index:9999; 問題は解決されます

#navigation {
    background-color: rgba(1, 1, 1, 0.8);
    box-shadow: 0 0 8px 0 #000000;
    color: rgba(1, 1, 1, 0.8);
    height: 35px;
    padding-top: 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;   // here is 
}

Answer 2

あなたがする必要があるのは、ナビゲーションバーや画像のように常に画像の上になるように、画像よりも高いz-indexものを使用することです。#navbarz-index:5z-index:4