CSS中的Box Shadows

这不是一个问题,而只是一个咆哮.或者也许是一个问题…或者我对盒子阴影了解不多.

为了在不同的浏览器中使用CSS3中的框阴影,这里我要做的是：

-webkit-Box-shadow: 0px 0px 10px #676767;
-moz-Box-shadow: 0px 0px 10px #676767;
Box-shadow: 0px 0px 10px #676767;

为了让Firefox,Opera和Safari / Chrome / Webkit工作,有没有其他人发现这种令人难以置信的愚蠢行为？它根本不会在IE中运行！

有什么办法可以减少重复的CSS值吗？

谢谢,
badallen

解决方法

由于尚未正式指定Box-shadow,因此需要特定于供应商的前缀(例如：-moz,-webkit,-ms). IE不支持他们期间;如果你想使用IE,我建议使用 CSS3 PIE. PIE还增加了对其他CSS 3眼睛糖果的支持,如border-radius和渐变.

如果你想避免每次都写相同的代码,我建议使用LESS或SASS及其mixins：

http://lesscss.org/
http://sass-lang.com/