css ile dropshadow

Question

Divamma şeffaf bir dropshadow eklemek istiyorum. Bir konteynere sahibim ve arkasında bir damlalık bırakmak istiyorum. Alt gölgenin bir rengi olmasını istemiyorum. Bu defa ne var: Ben opaklık eklemek istediğiniz

.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; 
} 

ama devamlı div değişikliklerin opaklığını bir söz vardır.

Answer 1

Sorunuz nihayetinde biraz opakken (pun amaçlı), aşağıdakileri beklediğiniz gibi yapar mı?

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

I asıl itibariyle tüm

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

beyan ( #dddddd veya #ddd) 'in son değer gölge, bir renk değerini ayarlamak oldu. Bunlar hex değerleridir. Daha fazla örnek için bakınız:

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

#ddd/#dddddd açık gri bir renk temsil eder; #eee açık, #ccc koyu, #fff beyaz ve #000 siyahtır. değeri #000, 0-9A-F (koyu> ışık) geçerli değerlere sahip, RGB temsil böylece:

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

bir orta kırmızı (9) verir #99CCFFfrom your question#9CF eşdeğerdir değeri, açık yeşil (C) ve beyaz (F). Bu değerlerin karışımı, gördüğünüz açık mavi tonu verir, bu nedenle “gölge benzeri” bir renk (gri gölge) yerine bir renk elde ettiniz.

Renk teorim biraz paslı, bu yüzden eğer bir şeyleri füze ettiysem beni düzeltir. Eğer opaklık düzeyi ile bir DropShadow istiyorsanız

Answer 2

, onun gölge renk için RGBA() kullanmalısınız:

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

düzenleme: meraktan

-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);