如何創建白色的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

回答