Apologies for repeating a similar question, but I've already tried the solutions mentioned in other posts. On my webpage, I have a table with a background image set 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 resized the image from 90k to 9k, but it hasn't made a difference. I've simplified the CSS to only include the background image like this:
background-image:url(../images/home-bg.jpg);
But the image still doesn't display. Unfortunately, I can't provide a live link as the site is hosted locally on my PC.
Any advice would be greatly appreciated.
Thanks,
John