スライドショーの背景をより不透明にするにはどうすればいいですか？

Question

黒い背景を少し透明にしたいのですが残念ながらスライド内の画像も透明にします。

コード：

#slideshow { 
    float:left; 
    width: 810px; 
    height: 360px; 
    margin: 10px 0 0 10px; 
    background-color: rgb(0,0,0); 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px; 
} 

#slideshow img { 
    margin: 5px 5px; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px; 
} 

Answer 1

あなたは不透明で背景色を設定するためにRGBA()を使用することができます。

例：

#div { 
    background-color: rgba(0,0,0,.4); 
} 

これは、40％の不透明度を持つあなたの背景が黒になります。

Answer 2

背景色はRGBAです。最後の値はアルファで、0と1の間にある必要があります。ここで0は不可視、1は不透明です。 （あなたがとにかくあるよう）あなたはそれが働いていた見ることができたので、私は体に背景を与えた

body { 
 
    background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px; 
 
    background-color: #282828; 
 
    background-size: 16px 16px; 
 
} 
 
#slideshow { 
 
    float: left; 
 
    width: 810px; 
 
    height: 360px; 
 
    margin: 10px 0 0 10px; 
 
    background-color: rgba(0, 0, 0, 0.6); 
 
    -webkit-border-radius: 6px; 
 
    -moz-border-radius: 6px; 
 
    border-radius: 6px; 
 
} 
 
#slideshow img { 
 
    margin: 5px 5px; 
 
    -webkit-border-radius: 6px; 
 
    -moz-border-radius: 6px; 
 
    border-radius: 6px; 
 
}

<div id="slideshow"> 
 
    <img src="https://lh3.ggpht.com/ujIagYPIwiD4ifRt8MxAXqqsQ3BHqc8wv5BVwpoC1wiWqeRyhYGqQr1vKEJcsFchNcfM=w300" /> 
 
</div>

RGBを使用していたかのように最初の3つの値は同じです。あなたがそれが役に立つと思っていますか？