如何创建白色的CSS框阴影

我在我的网站上有下面的阴影CSS。它在Chrome中看起来很棒，但Firefox和IE不会重新创建我期待的效果。我只想要一个盒子底部的白色纯色阴影。我如何为所有浏览器做这项工作？如何创建白色的CSS框阴影

box-shadow: 0px 10px -14px 14px #FFF; 
-webkit-box-shadow: 0px 10px -14px 14px #FFF; 
-moz-box-shadow: 0px 10px -14px 14px rgb(255, 255, 255);

2013-04-20 JoshP

使用此article或验证码：

-moz-box-shadow: 13px 13px 0px 0px #FFFFFF; 
    -webkit-box-shadow: 13px 13px 0px 0px #FFFFFF; 
    box-shadow: 13px 13px 0px 0px #FFFFFF;

2013-04-20 03:45:52

我知道了通过简单地移除供应商名称线IE9和FF工作。所有你应该需要的是：

box-shadow: 0px 10px -14px 14px #FFF;

2013-04-20 03:51:26 middleinitial

您有阴影大小为负值：

box-shadow: 0px 10px -14px 14px #FFF;

负14px影子就什么都不是，因为这将是小于大小为0，则如果你正在寻找一个inset影子，只是添加的样式：

box-shadow: inset...

解决方案，改变-14px到14px。

2013-04-20 04:01:10 Charlie

回答