使用css的Dropshadow

我想爲我的div添加透明陰影。我有一個容器，在它後面我想放置一個陰影。我不希望陰影有顏色。這是我到目前爲止有：使用css的Dropshadow

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

我想補充的不透明性，但是當我做的全格變化的不透明度。

來源

2011-10-02 user952691

出於好奇，怎麼能dropshadow沒有任何顏色？你的意思是單色（僅黑色/白色）？不是，你有沒有效果的例子？ – Pat

你想要一個非彩色的投影？如果它沒有顏色，它不會被看到，所以...你能解釋一下，更清楚一點，你想要什麼？你目前的代碼有什麼問題？ –

'opacity' style屬性意味着影響它所應用的元素的不透明度，而不是應用於元素的效果。 –

雖然你的問題最終是一個不透明的（雙關語），下面是否做你的期望？

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

所有我基本上做的是調整陰影，這是在聲明（#dddddd，或#ddd）的最後一個值的顏色值。這些是十六進制值。在這裏看到更多的例子：

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

#ddd/#dddddd表示淺灰色; #eee較亮，#ccc較暗，#fff爲白色，而#000爲黑色。值#000表示RGB，與0-9A-F（暗>光）的有效值，以便：

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

值#99CCFFfrom your question相當於#9CF，這給出了一箇中間紅色（9），淺綠色（C）和白色（F）。這些值的組合給了你所看到的淡藍色，這就是爲什麼你得到了一種顏色而不是「陰影狀」的顏色（灰色陰影）。

我的色彩理論在這裏有點生疏，所以任何人糾正我，如果我已經flubbed東西。

來源

2011-10-02 15:00:17

如果你想與透明度的水平的陰影效果，你應該爲它的陰影顏色使用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);

來源

2011-10-02 16:17:57 Darklg

頁面未找到，我也需要這個在React Native ... –

使用css的Dropshadow

回答

相關問題