CSS 3 - 阴影和圆角

Question

我遇到了一个非常有趣的事实，希望你有答案。

我有这段代码：

width:940px; margin:0 auto; padding:13px 29px 39px 31px; background:#fff;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
    -webkit-box-shadow:0 0 2px 1px #e3e6e9;
       -moz-box-shadow:0 0 2px 1px #e3e6e9;
            box-shadow:0 0 2px 1px #e3e6e9; 

我在Joomla 1.6模板上看到它 - 它在IE8上运行很酷，但是当我将相同的代码粘贴到我的模板上时，它在IE8上不起作用，也许有一些技巧可以实现它？

提前致谢

Answer 1

Internet Explorer不支持border-radius和box-shadow。有些项目试图将css3引入，例如css3pie或ie-css3。当然，对于阴影，您可以使用过滤器。阅读更多here。

Answer 2

正如其他人提到的，该代码在IE8上不起作用。很可能只有IE8样式表使用图像来获得相同的效果。

就个人而言，如果我可以侥幸逃脱，我会让IE8及以下版本变得有点块状。这些浏览器上的用户百分比正在快速下降，我不介意帮助它。如果你的圆角很微妙，那么很多用户都不会注意到它。盒子阴影也一样。