为什么这个CSS不能在IE8中工作？

这适用于Chrome，但不适用于IE8。它应该只是给出一个带圆角的浅蓝色背景和一个投影到div：为什么这个CSS不能在IE8中工作？

.ppanel 
{ 
    background-color: rgba(0, 0, 255, .2); 
    color: black; 
    padding: 10px 10px 10px 40px; 
    margin: 10px 20px 20px 20px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    -moz-box-shadow: 5px 5px 5px black; 
    -webkit-box-shadow: 5px 5px 5px black; 
    box-shadow: 5px 5px 5px black; 
}

来源

2012-06-01 birdus

因为ie8不支持圆角和阴影（至少与你有CSS） – Sotiris

IE8不支持框阴影属性（尽管IE9）。您可以使用[CSS3 PIE]（http://css3pie.com/）来使用旧版IE中的某些功能。 – sachleen

感谢您的快速回答，伙计们。我会看看我们是否可以在这个项目中使用IE9。如果没有，我会研究你所有建议的解决方法。 – birdus

默认情况下Internet Explorer 8不支持圆角。您可以通过使用像CSS3 PIE这样的工具来获得想要的结果。

来源

2012-06-01 16:54:32 user1429038

只是想说CSS PIE的重量大概是80Kb，而你所做的只是将体验扩展到不使用现代浏览器的用户......从而扼杀了网络的发展。请让IE7和IE8用户有一个子体验，以激发他们升级...请:) –

我知道这个线程在这一点上是3岁，但我觉得有必要提到一些大公司与其他，更重要的东西在他们的盘子上仍然没有升级默认浏览器。现在是2015年，我正在实习的公司仍在使用IE8。这就是我结束这里的原因。我更喜欢升级，但它不在IT列表的顶部。 – PrinceTyke

Internet Explorer在IE9之前不支持border-radius。你会在这里找到详细的信息：http://davidwalsh.name/css-rounded-corners。

来源

2012-06-01 16:54:49 Thor

为什么这个CSS不能在IE8中工作？

回答

相关问题