html - 1px DropShadow 底部较厚

Question

我有一个圆角矩形，我正在尝试对其应用 1px 模糊、1px 垂直偏移投影。我的问题是底部的阴影看起来比侧面的要厚得多。有没有办法纠正这个问题，使底部阴影的宽度与侧面的宽度相同？我想过使用outline，但由于我的圆角，这行不通。另外，我不希望矩形顶部有边框。

box-shadow: 0 1px 1px #000;

http://jsfiddle.net/Zw4QA/317/

Answer 1

尝试将您的盒子阴影设置为：

box-shadow: rgba(0,0,0,0.8) 1px 1px 1px, rgba(0,0,0,0.8) -1px 1px 1px, rgba(0,0,0,0.8) 0 1px 1px;

您可以在需要时使用多个框阴影和负值将它们拉到左侧或顶部。