CSS中的Box Shadows

Question

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

为了在不同的浏览器中使用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值吗？

谢谢你,巴尔登

Answer 1

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

如果你想避免不必每次都写同样的代码,我建议少用或SASS和它们混入: