2016-04-08 46 views
-2

ここでは、リンク変更背景色スライダ-NAV

jsFiddle

は、私は赤とホバーカラー#C9302Cにサイドバーの色をしたいです。ここで

..

なぜこれを私はCSSを試してみましたが、ページをスクロールするには、サイドバーがダウンしに来ます。何か案が??

<style> 
    .sidebar-nav { 
width: 250px; /*Changed from max-width: 200px to better fit smaller menu items, but this is up to your preference*/ 
z-index: 10000; 
position: fixed; 
min-height: 100%; /*Makes it fit 100% of your pages content*/ 
background: #EE1B24; 
} 
</style> 
+0

チェックhttps://jsfiddle.net/DTcHh/19062/ –

+0

これはunclですあなたの質問は何ですか?期待される成果は? – ketan

+0

私の質問が不明確でなければ何をするのですか..人々は答えています。回答が得られない人はdownvoteをしています:lol – newbie

答えて

0
.navbar-default { 
    background:red; 
    } 

    .navbar-default .navbar-nav li a:hover { 
    background:#C9302C; 
    } 

https://jsfiddle.net/DTcHh/19061/

+0

より具体的にあなたの要求に答えてください.. https://jsfiddle.net/DTcHh/19066/ '.navbar-default .navbar-nav li {背景:赤; } ' –

+0

はい...あなたの答えを適用するときにこのスタイルを取得しています、何が間違っていますか? – newbie

+0

私はあなたの質問に答えました。全く異なるものが必要な場合は、最初のリクエストで具体的に記述してください。 –

0

これはそれを行う必要があります。

.navbar { 
    background: red; 
    } 

    .sidebar-nav .navbar li:hover { 
    background: #C9302C; 
    } 
0

使用このCSSのデフォルトのブートストラップCSSを上書きする

.navbar-default .navbar-nav > li:hover a{ 

    color:#C9302C; 

} 
.navbar-default .navbar-nav > li > a{ 

    color:#FF0000; 

}