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;