某些手机​​中未显示背景图片

Question

对于某些手机来说，一切正常，但是当我在HTC上测试时，背景图像并没有显示出来。

CSS

header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/lets-get-down-to-business.jpg);
  background-size: cover;
  height: 100vh;
  background-position: center;
}

和触摸BG图像的唯一查询

@media only screen and (max-height:600px){
  header {
    height: 600px;   
  }
}

任何帮助都会得到解释。

谢谢！

Answer 1

我猜这是因为您在HTC上使用的任何浏览器都不支持线性渐变CSS功能。

Gradients compatibility - mobile

在我看来，股票Android浏览器还不支持这个。

这就是我要开始的地方，你可能只需稍微改变一下语法就可以了。