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

标签 html css internet-explorer

在我的横幅中我有一个渐变。以下是对 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);

最佳答案

您可以在渐变标签之前简单地添加一个“默认”背景,如下所示:

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 .

关于html - 跨不同浏览器的多种背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29566533/

相关文章:

css - 如何在面板上添加竖线?

java - 使用 Selenium Web 驱动程序无法在 IE 中打开任何网页

html - IE 9 与 HTML5 的兼容性

javascript - ANT JS 选择不显示值 reactjs

css - Foundation 5 Canvas 外转换

internet-explorer - 与 Dojo 一起使用时,mailto 在 IE8 中导致空白页

html - HTML 中的卢比符号

javascript - HTML + Canvas : Constellation background animation

html - 在 Windows 8.1 平板电脑上的 Web 应用程序中捕获图像

html - 使输入控件不可见并保留输入功能