我在我的一个网站上有一个盒子，它具有以下属性:
-moz-box-shadow:inset 0 0 50px #ecf4de;
-webkit-box-shadow:inset 0 0 50px #ecf4de;
box-shadow:inset 0 0 50px #ecf4de;
这给盒子一个很好的朝向中心的渐变。但是，Safari 不支持“inset”属性，IE 根本不支持 box-shadow。我不能为此使用图像，因为此框的高度因每种情况而异。
我不想使用 3 个图像(一个用于顶部，一个重复用于中间，一个用于底部)，因为这可能会导致代码非常困惑。
所以我要问的是是否有任何方法可以在所有浏览器中生成框阴影。
编辑: 有人知道一些可能做到这一点的 javascript 片段吗？就是想...
最佳答案
最新的 Webkit 版本(可能之前有很多版本)支持 inset 。它可能会在下一个版本中进入 Safari。
但是，如果没有三个图像技巧，您将无法在所有浏览器上执行此操作。否则 Internet Explorer 不会与您合作。
话虽如此，我认为您的目标不应该是在所有浏览器中获得相同的结果。我认为你应该在所有浏览器中都能得到不错的结果，但在 Safari 或 Firefox 中的网页看起来比在 Internet Explorer 7 中更好是正常的。此外，只有网络极客会比较不同浏览器的网页渲染。
关于Safari 框阴影插入支持，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2890399/