在某些手機中未顯示背景圖像

對於某些手機，一切工作正常，但是當我在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

在某些手機中未顯示背景圖像

回答

相關問題