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">
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
Post a Comment