Dropshadow z css

Question

Chcę dodać przezroczysty cień do mojego div. Mam pojemnik, a za nim chcę umieścić cień. Nie chcę, żeby cień miał kolor. Oto, co mam do tej pory:

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

Chcę dodać krycie, ale gdy robię krycie całego div zmiany.

Answer 1

Podczas gdy twoje pytanie jest ostatecznie trochę nieprzejrzyste (kalambur przeznaczony), czy następujące rzeczy robią to, czego oczekujesz?

-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/

Wszystko, zasadniczo nie było regulować koloru wartość cienia, który jest ostatnią wartością w zgłoszeniu (#dddddd lub #ddd). Są to wartości szesnastkowe. Zobacz tutaj po więcej przykładów:

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

#ddd/#dddddd reprezentuje kolor jasnoszary; #eee jest lżejszy, #ccc jest ciemniejszy, #fff jest biały, a #000 jest czarny. Wartość #000 oznacza RGB z obowiązującymi wartościami 0-9a-F (ciemno-> światła), tak że:

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

wartość #99CCFFfrom your question odpowiada #9CF, co daje pośrednią czerwone (9) jasnozielony (C) i biały (F). Połączenie tych wartości daje jasnoniebieski odcień, który widzisz, dlatego otrzymujesz kolor zamiast "podobnego do cienia" (szary odcień).

Moja teoria kolorów jest tu trochę zardzewiała, więc każdy poprawia mnie, jeśli coś zlekceważyłem.

Answer 2

Jeśli chcesz dropshadow z poziomu zadymienia, należy użyć rgba() na jego kolor cienia:

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

edit:

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