2017-03-22 18 views
0

質問1背景色の不透明度を変更するにはどうすればよいですか?

誰でもユーザーがナビゲーションバーの上に、それの上に置いたときに、私は背景色ドロップダウンの不透明度を変更することができます場合、私は不思議でしたか?私は他のチュートリアルを見てみました。しかし、私は運がなかった。

は、ここに私のコードあなたの背景色を設定するには

.navbar.navbar-default ul li:after { 
     content: ''; 
     position: absolute; 
     right: 50%; 
     bottom: 0; 
     left: 50%; 
     height: 3px; 
     background-color: #FFFFFF; 
     border-radius: 9px; 
     transition: all .2s; 
    } 

    .navbar.navbar-default ul li a:hover { 
     color: white; 
    } 
+3

[MCVE]作成方法、CSSライン以下のシンプルなアドオンを確認してくださいすることができます。これは多くのコードであり、そのほとんどはあなたの質問とは関係ありません。それはあなたが話していることを正確に理解するのを容易にします。 –

+0

[CSSの不透明度は、背景色だけに重複していますか?](http://stackoverflow.com/questions/5135019/css-opacity-only-to-background-color-not-the-text-on -123) –

+0

@MichaelCoker –

答えて

1

使用RGBA()です。代わりヘクスの

は、RGBAはそうように、赤、緑、青、および不透明度の値をとる:

background-color: rgba(20, 50, 40, 0.5)

0 255に、不透明度は0〜1

であるRGB値

http://www.colorhexa.com/4f5f4fのようなサイトを使用すると、16進値をrgb値に変換するのに役立ちます。

CSSは残念ながら、16進数のアルファ値をサポートしていません。

0

あなたは

.navbar.navbar-default ul li a:hover { 
    color: white; 
    background: rgba(61, 63, 74, 0.8); 
} 
関連する問題