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