Javascript 如何对特定于浏览器的css表达式进行回退

如何在jquery中为css属性指定特定于浏览器的回退

我想做与之相当的事

h1 {
  background-image: -webkit-linear-gradient(left, white, black);
  background-image: -moz-linear-gradient(left, white, black);
  background-image: -o-linear-gradient(left, white, black);
  background-image: -ms-linear-gradient(left, white, black);
}

• css（{'background-image'：x，'background-image'：y}）--js语法当然只允许一个'background-image'键

• $（'h1'）.css（'background-image'，x）.css（'background-image'，y）

  --jquery将覆盖第一个值

• $（'h1'）.css（'background-image'，x+'，'+y）

  --浏览器不喜欢它

---

使用jQuery切换类，并在CSS中声明多个值？

您可以通过将CSS应用于元素，然后读取值–

$（'h1'）.CSS（'background-image'），来询问浏览器需要哪个前缀

然后，您可以使用返回的值来了解稍后设置

背景图像时要使用的前缀

更好的是，您可以利用jQuery的CSS挂钩规范化对
.CSS
的所有调用。有一套很棒的钩子；你可能对这本书感兴趣

一旦吊钩安装好

在这种情况下，渐变值的实际颜色是通过编程确定的，而不是限制在一组有限的可能值内，因此这不适用于此问题。然后动态编写样式。这是一篇关于动态编写样式元素的好文章。
$(selector).css('background-image','linear-gradient(x,y,z)');