在某些手机中未显示背景图像

对于某些手机，一切工作正常，但是当我在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; 
    } 
}

任何帮助的唯一查询将与解释可以理解的。

谢谢！

来源

2015-06-19 TacoCat

最好的猜测是 - 旧的浏览器不支持'linear-gradient'，如果需要的话只使用背景图片，以及'vh'你会找到另一种方法来做到这一点。 – Stickers

你可以尝试背景大小：自动100％;告诉我之后会发生什么。 – divy3993

你能指定HTC吗？ –

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

Gradients compatibility - mobile

在我看来，股票的Android浏览器不支持此呢。

这就是我要开始的地方，但您可能只需要稍微更改语法并使其运行即可。

来源

2015-06-19 18:15:03

在某些手机中未显示背景图像

回答

相关问题