最好的选择是使用-moz-border-image。那应该解决您的两个问题。
例如，您可以使用像这样的图像 结合这样的CSS
-moz-border-image: url(shadow.png) 10 / 10px;
创建阴影。而且由于您使用的是图像，因此您也可以根据需要省略底部阴影。
您将无法使用-moz-box-shadow; 删除底部的阴影。它不被称为“盒子阴影”。它将阴影应用于整个框。您不能像使用一样分别为每侧指定阴影border。您能做的最好的事情就是摆弄阴影的位置，模糊和散布。但这不可避免地导致对面的阴影变暗。
在Stackoverflow上尝试时，也会出现阴影阴影滞后。当我尝试时-webkit-box-shadow，它也会影响Safari的性能，尽管它不像Firefox那样引人注目。希望将来性能会有所提高，但是我认为阴影始终会产生一些影响，因为据我所知，阴影是由软件渲染的。
