html - My background isn't appearing on some mobile browsers -


i know there few other similar posts question apologies that. i've tried out solutions offered in posts before posting.

i have table on page has background image using css.

html { width:100% height: 100%; margin: 0px; padding: 0px; border: none; }  table.homemain {        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('../images/home-bg.jpg') no-repeat; background-position: 50% 50%; background-size: cover; height: 100%; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }  <table class="homemain"> 

enter image description here

i've reduced size of image 90k 9k, still no different. i've stripped css down background image

background-image:url(../images/home-bg.jpg); 

and still doesn't show.

sorry can't show live site, it's still being hosted locally on pc.

any advice appreciated.

cheers

john

if looking show bg image whole page , put in <style> </style> example.

<style>   body {     background-image: url("~/images/home-bg.jpg");   }  </style> 

make sure put in full directory because there no chance of miscommunication.


Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

Kivy: Swiping (Carousel & ScreenManager) -