跨不同浏览器的多种背景颜色

Question

在我的横幅中我有一个渐变。以下是对 Chrome、Firefox 和 IE 的支持。但是，IE 9 不支持 ms-linear-gradient 样式的渐变。是否可以为 IE 9 的访问者制作纯色横幅？目前在IE 9上访问时背景是白色的

 background: -moz-linear-gradient(#7AAC41, #16590f);
 background: -webkit-linear-gradient(#7AAC41, #16590f);
 background: -ms-linear-gradient(#7AAC41, #16590f);

Answer 1

您只需在渐变标签前添加一个 "default" 背景，如下所示：

background: #7AAC41
background: -moz-linear-gradient(#7AAC41, #16590f);
background: -webkit-linear-gradient(#7AAC41, #16590f);
background: -ms-linear-gradient(#7AAC41, #16590f);

当页面在 IE 中呈现时，浏览器将无法理解 -moz-linear-gradient、-webkit-linear-gradient 和 -ms-linear-gradient 属性，但会理解 background 属性。同样，在其他浏览器中，浏览器最后理解的属性将是颜色。

这被称为 writing a browser fallback。

Answer 2

我建议使用 CSS 条件注释：

<!--[if lt IE 9]>

<![endif]-->

您可以添加一个专门针对IE9的CSS文件，只要在CSS文件下面指定横幅的背景颜色，它就会优先。

跨不同浏览器的多种背景颜色

Multiple background colors across different browsers

html

css

internet-explorer