0

ここにこのサイトがあります：

http://artendijen.com/susan_dev/

不透明度のあるナビゲーション ボックスがあり、ナビゲーション ボックス内のすべての要素にも不透明度があります。これを修正するにはどうすればよいですか? 違いがある場合は、Windows 7 で Chrome を使用しています。

.navigation{
    float:left;
    height:550px;
    width:300px;
    background:#000;
    margin-left:-6px;
    margin-top:100px;
    opacity:0.6;
    filter:alpha(opacity=60);
    border-radius: 0 10px 10px 0;
    box-shadow: 5px 0px 3px rgba(0,0,0,.5);
}

.navigation ul{
    list-style:none;
    padding-top:20px;
}

.navigation ul li{
    padding-bottom:20px;
}

.navigation ul li a{
    font-size:18px;
    text-decoration:none;
    color:#FFF;
    text-transform:uppercase;
    font-family:'Conv_Museo300-Regular';
}


.logo{
    text-align:center;
    padding-top:10px;
}
4

3 に答える 3

2

不透明度は、要素とそのすべての子に適用されます。

RGBA 値を持つ背景色を使用します。

  background: rgba(0,0,0,0.6);
于 2013-10-31T19:26:19.590 に答える
0

opacityからルールを削除し.navigation、alpha サブプロパティ値を に追加しますbackground-color。

于 2013-10-31T19:25:57.700 に答える
0

あなたはそれを修正することはできません.それopacityは要素とそのすべてのコンテンツに何をします.

不透明度を適用したい場合は、background-colorrgba () 値を使用できます。

background-color: rgba (0,0,0,0.4);

最初の 3 つの値はこの黒の色 0,0,0 で、4 番目の値0.4はアルファ チャネル = 透明度レベルです。

使用できる場合は、ここで互換性を確認できます

http://caniuse.com/css3-colors

于 2013-10-31T19:27:28.633 に答える