2012-06-26 84 views
0

我遇到了CSS3框陰影看起來正確的問題。底部頂部的複製框陰影

我現在有一個箱陰影在我的內容的包裝,像這樣:

邊界:1px的固體#D5D5D5;
border-radius:3px 3px 3px 3px;
box-shadow:0 0 2px #DADADA,0 -3px 0#E6E6E6 inset;

我希望盒子的陰影出現在內容框的頂部,它恰好出現在框的底部。我似乎無法做到。

回答

1

不知道如果我對你想要做什麼明確的,而是添加第三下拉陰影的頂部,如果第二個工作正常的底部如何:

box-shadow: 0 0 2px #000, 0 -3px 0 #E6E6E6 inset, 0 3px 0 #E6E6E6 inset; 

或者將第二個陰影替換爲第三個陰影,如果您想要頂部而不是底部的插入陰影:

box-shadow: 0 0 2px #000, 0 3px 0 #E6E6E6 inset; 
+0

這正是我所需要的,謝謝! – omyzach