3

この Web サイト テンプレートに取り組んでいますが、問題が発生し続けています。現在の私の最大の問題は、固定ヘッダーがコンテンツ ボックスを超えると、ユーザーがボックスにカーソルを合わせて不透明度 1 に戻るまで、半透明のボックスがヘッダーに重なることです。理由はわかりません。これを行い、私はこれを修正するために本当に必死です。どんな助けでも大歓迎です。

私のコンテンツボックスに関連するスニペットは次のとおりです。

#wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
    opacity: 0.5;
}
#wrapper:hover {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    opacity: 1;
}

そして、ここに完全なフィドルがあります：http://jsfiddle.net/rkgy5zvz/

4

1 に答える 1

3 
 #nav {
    position: fixed;
    background-color: #222;
    opacity: 1;
    width: 100%;
    top: 0;
    z-index: 99999;
}

適切な番号で z-index プロパティを追加するだけです。ここでJSfiddle

于 2014-12-17T18:47:23.093 に答える