2016-04-18 3 views
1

ナビゲーションバーのリンクのロールオーバー時に、色を変えることができますが、下部には影がありません。ナビゲーションバーのリンクにロールオーバーの影がありません

ロールオーバー前のように、シャドーを下にするにはどうすればよいですか?

http://peter-russell.github.io/nav-shadow/

+0

あなたの質問は本当に明確ではないので、これがあなたの望むものかどうかはわかりません。私はあなたのサイトを見て、あなたは '#nav'のために' overflow:hidden'が必要だと思っています – Pedram

+0

あるいは#nav要素から高さを削除するだけです。 –

答えて

0

あなたの質問は十分に明確ではないが、ボタンをホバリングするときに、ナビゲーションバーの影をカバーする必要がない場合は、ちょうどあなたの上部と下部を縮小次のようなボタン自体についてパディング:この

#nav a { 
    padding: 4px 8px; 
    color: white; 
    text-decoration: none; 
} 

希望はあなたが

:)必要なものです
0

これを試してください:

#nav li a:hover { 
     background-color: darkgrey; 
     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); 
    } 
関連する問題