多箱陰影未呈現，

我想給文本輸入一個下拉陰影&一個內側陰影，使用CSS3和箱陰影，你可以看到我的代碼在這裏，多箱陰影未呈現，

.text { 
     width:388px; 
     line-height:37px; 
     height:37px; 
     box-shadow:inset 0px 4px 4px rgba(193, 209, 230, 0.58), 0px 2px 2px, rgba(255, 255, 255, 0.75); 
     border-radius:10px; 
     background:#cdd6e6; 
     border:0 none; 
}

http://jsfiddle.net/3CBrm/

但是我的箱子陰影規則只是被忽略，我做錯了什麼？

來源

2012-07-06 Udders

你似乎有一個額外的,：

...rgba(193, 209, 230, 0.58), 0px 2px 2px, rgba(255, 255, 255, 0.75); 
             ^

此修復程序後，它看起來像你的影子存在，但它太像背景顏色。

jsFiddle Demo

來源

2012-07-06 15:09:43 kapa

無箱的影子，即使這雖然，http://jsfiddle.net/3CBrm/2/ – Udders 2012-07-06 15:13:44

@ sico87 [它的存在（http://jsfiddle.net/3CBrm/4/）太相似了。 – kapa 2012-07-06 15:15:13

它在那裏，只是你的顏色太相似了。背景是＃CDD6E6，陰影（十六進制）是＃C1D1E6。要區分這種差異幾乎是不可能的，特別是當陰影處於58％不透明度時。改變一種顏色或其他顏色，你會看到陰影呈現良好。 – jackwanders 2012-07-06 15:17:54

多箱陰影未呈現，

回答

相關問題