这不是问题，只是吐槽。或者可能是一个问题...或者我只是不太了解盒子阴影..
为了在不同的浏览器中使用 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 值吗？
谢谢， 巴达伦
最佳答案
因为 box-shadow 还没有正式指定，所以你需要供应商特定的前缀(例如:-moz, -webkit, -毫秒)。 IE 不支持它们；我建议使用 CSS3 PIE如果你想使用IE。 PIE 还增加了对其他 CSS 3 视觉效果的支持，例如 border-radius 和渐变。
如果您想避免每次都编写相同的代码，我建议您使用 LESS 或 SASS 及其混入:
关于internet-explorer - CSS 中的盒子阴影，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3713053/