CSSでドロップシャドウ

Question

私はdivに透明なドロップシャドウを追加したいと思います。私はコンテナを持っていて、その背後にはドロップシャドウを配置したい。私はドロップシャドウに色をつけたくありません。これは私がこれまで持っているものです：私は不透明度を追加したい

.content_right1{ 

    background:#fff; 

    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius:10px; 

    -moz-box-shadow: 5px 5px 5px #99CCFF; 
    -webkit-box-shadow: 5px 5px 5px #99CCFF ; 
    box-shadow: 5px 5px 5px #99CCFF; 

    /* other styles of the class */ 
    width:380px; 
    float:left; 

    margin-left:3px; 
    padding:15px; 

    min-height:450px; 
    margin-left:15px; 
} 

が、私は全体のdivの変更の不透明度を行うとき。

Answer 1

あなたの質問は、最終的には少し不透明ですが（期待している）、次のことは期待していることですか？

-moz-box-shadow: 5px 5px 5px #dddddd; 
-webkit-box-shadow: 5px 5px 5px #dddddd; 
box-shadow: 5px 5px 5px #dddddd; 

http://jsfiddle.net/zCTC8/2/

Iは、本質的に行ったすべての宣言（#dddddd、又は#ddd）の最後の値である影の色値を調整しました。これらは16進値です。以上の例については、ここで参照：

http://html-color-codes.com/

#ddd/#ddddddはライトグレー色を表します。 #eeeは明るく、#cccは暗く、#fffは白、#000は黒です。値#000は、0-9A-F（暗 - >光）の有効な値と、RGB表すように：

#f00 = red (R) 
#0f0 = green (G) 
#00f = blue (B) 

中間赤（9）を与える#99CCFFfrom your questionが#9CFに相当する値、薄緑色（C）、白色（F）の3種類があります。これらの値を混ぜ合わせることで、あなたが見ていた明るい青の色合いが得られます。そのため、「影のような」色（灰色の色）の代わりに色を得ています。

私の色の理論はここで少し錆びているので、誰かが何かを吹き飛ばしてしまったら、誰でも私を修正します。あなたは不透明度のレベルにドロップシャドウをしたい場合は

Answer 2

、あなたはその影の色のRGBA（）を使用する必要があります。

http://css-tricks.com/2151-rgba-browser-support/

編集：好奇心のうち

-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3); 
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3); 
box-shadow:5px 5px 5px rgba(0,0,0,0.3);