Html &引用；线性梯度“；不在IE9和Safari中工作

我尝试对按钮应用一种样式，但这种样式在Mozilla和Chrome上显示得很好，而Safari和IE9则不是这样

以下是css类：

#bt_D{
width:130px;
height:30px;
box-shadow:1px 2px 4px rgba(0,0,0,0.60);
font-size:12px;
background-image:linear-gradient(60deg, rgb(231,110,49), rgb(231,171,49));
border:1px solid rgb(180,180,180);
border-radius:5px;
float:right;
text-align:center;
vertical-align:middle;
}

但是当我检查按钮时，我发现属性的引号中有一个黄色感叹号，表示浏览器无法识别该属性（safari或IE9）

---

有没有办法解决这个问题？

对于Safari，您必须添加一个额外的，所谓的“供应商前缀”版本的定义：

background-image: -webkit-linear-gradient(60deg, rgb(231,110,49), rgb(231,171,49));

对于IE9（它不支持CSS渐变），您必须使用图像作为后备，可以是png/gif/jpg，也可以是更好的SVG

下面是许多渐变生成器中的一个，它们也可以创建您想要的SVG：

---

我不知道Safari，但不支持。我保留了css类：

背景图像：线性渐变（60度，rgb（231110,49），rgb（231171,49））但我添加了
背景图像：-webkit线性渐变（60度，rgb（231110,49），rgb（231171,49））对于safari和我来说效果不错