css - 如何创建白色css盒子阴影

Question

我的网站上有以下框阴影 css。它在 Chrome 中看起来很棒，但 Firefox 和 IE 无法重现我正在寻找的效果。我只想要一个盒子底部的白色实心阴影。我如何使它适用于所有浏览器？

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);

Answer 1

使用本文或此代码：

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

Answer 2

通过简单地删除供应商前缀行，我已经让它在 IE9 和 FF 中工作。您只需要：

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

Answer 3

阴影大小为负值：

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

负14px阴影什么都不是，因为它的大小小于 0。如果您正在寻找inset阴影，只需将其添加到样式中：

box-shadow: inset...

解决方案，更改-14px为14px.