css - Background image not showing in some phones -

everything works fine phones, when tested example on htc background image isn't showing.

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; } 

and query touches bg image

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

any appreciated explanation.

thank you!

i guess because whatever browser using on htc not support linear-gradient css function.

gradients compatibility - mobile

it seems me stock android browser doesn't support yet.

that's start though, might able change syntax little , work.