如果例如检测到ie9或不可能具有梯度特征，则替换渐变颜色

Question

我有一些按钮，它们有一个渐变，但我需要我的网站是ie9友好和按钮只是在里面显示白色。如果渐变失败，如何在代码中编写替代颜色？

background: linear-gradient(#bed738, #61bc4b);
border: 1px solid #80af37;

Answer 1

只需在渐变之前包含纯色属性即可。不了解渐变的浏览器会忽略它并使用之前的属性：

background: red;
background: linear-gradient(#bed738, #61bc4b);