有沒有辦法只在底部放陰影？我有一個菜單，彼此相鄰有2張圖像。我不想要正確的陰影，因為它會重疊正確的圖像。我不喜歡為此使用圖像，因此有一種方法可以將其僅放置在底部，例如：box-shadow-bottom: 10px #FFF; 或類似的？-moz-box-shadow: 0px 3px 3px #000;-webkit-box-shadow: 0px 3px 3px #000;box-shadow-bottom: 5px #000;/* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";/* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
3 回答
絕地無雙
TA貢獻1946條經驗 獲得超4個贊
如果背景顏色固定，則可以使用兩個與背景顏色相同的遮罩陰影來隱藏側陰影效果，并且blur = 0，例如：
box-shadow:
-6px 0 white, /*Left masking shadow*/
6px 0 white, /*Right masking shadow*/
0 7px 4px -3px black; /*The real (slim) shadow*/
請注意，黑色陰影必須是最后一個陰影，并且具有負展布（-3px），以防止其超出角落。
這里是小提琴（更改遮罩陰影的顏色以查看其實際工作原理）。
- 3 回答
- 0 關注
- 1042 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消