線性漸變（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; }