为什么这个CSS在IE8中不起作用?

时间:2012-06-01 16:48:59

标签: css css3 internet-explorer-8

这适用于Chrome,但不适用于IE8。它应该只给出一个带有圆角的浅蓝色背景和div的阴影:

.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;
}

2 个答案:

答案 0 :(得分:3)

默认情况下,Internet Explorer 8不支持圆角。但是,您可以使用CSS3 PIE等工具获得所需的结果。

答案 1 :(得分:1)

在IE9之前,Internet Explorer不支持border-radius。您可以在此处找到详细信息:http://davidwalsh.name/css-rounded-corners