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.


Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -