CSS Shadows（如何摆脱顶影？）

Question

css阴影出了问题。 我无法弄清楚如何摆脱这里的顶部阴影：http://i.imgur.com/5FX62Fx.png

我得到了什么：

box-shadow: 0 -3px 4px -6px #777, 0 3px 4px 6px #ccc;

我该怎么做？我希望它在左侧，右侧和下侧。

Answer 1

try this is:

 div
    {
    width:300px;
    height:100px;
    background-color:white;
    box-shadow:0px 0px 5px #888888;
    }

Answer 2

尝试如下：

  box-shadow:   3px 3px 3px #777, -3px 3px 3px #777;

（根据您的需要调整十六进制颜色）

示例 - http://jsbin.com/ebemol/1

Answer 3

看起来你需要定位垂直阴影属性：

box-shadow: 0 5px 4px -6px #777

-3px表示阴影从阴影正常开始的位置开始-3px，我已将其更改为任意值5px，因此它会进一步向下开始。

http://jsfiddle.net/9Dgtj/

你可以从JS小提琴中看到我提供的调整垂直阴影（5px）会使阴影向下移动。