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