jquery - 线性渐变 (rgba) 在 iPhone 上的 Safari 中不起作用

Question

我的渐变在 iPhone 上的 Safari 中不起作用。是否有一个 webkit 可以为不同的浏览器添加？当我删除渐变时，我的图像出现在 iPhone 上。

.serv-bg {
  background: linear-gradient(rgba(17, 28, 36), rgba(119, 201, 212, .1)), url(/images/service-main.jpg) no-repeat center center /cover;
  border-left: 10px solid white !important;
  border-top: 10px solid white !important;
  border-bottom: 10px solid white !important;
  border-right: 5px solid white !important;
  height: 70vh;
}

Answer 1

如果您将 -webkit 和 -image 添加到您的 CSS，它可能会起作用:

.serv-bg {
  background-image: -webkit-linear-gradient(rgba(17, 28, 36), rgba(119, 201, 212, .1)), url(/images/service-main.jpg) no-repeat center center /cover;
  border-left: 10px solid white !important;
  border-top: 10px solid white !important;
  border-bottom: 10px solid white !important;
  border-right: 5px solid white !important;
  height: 70vh;
}