Question

我想知道如果为浏览器支持的属性提供CSS样式会发生什么，但样式本身不受支持。

以IE8中的以下示例为例;

background: url(../path/to/img.png);
background: rgba(0,0,0,0.8);

由于缺少对CSS3颜色的支持，IE8是否会忽略第二种风格？

谢谢:)。

Answer 1

IE8是否因为缺乏对CSS3颜色的支持而忽略了第二种风格？

答案是是，它将完全忽略该值，因此它不会呈现任何颜色，通常的做法是使用带有十六进制值的回退像

.class_name {
    background: #000;
    background: rgba(0,0,0,.5);
}

因此，当您编写background两次，它完全有效时，了解 rgba()的浏览器将呈现不透明背景，但浏览器谁不理解 rgba()将使用#000。

虽然，有各种解决方法，例如，您可以使用:before或:after，filter属性为负z-index，可以用作不透明的背景，或者你可以做的是，只为IE8使用普通的1x1 px不透明png图像。

例如

background: url("IMAGE_URL_HERE")\9; /* Targets IE8 and below */

如果浏览器不支持CSS样式会发生什么，但属性是？

1 个答案: