I had been using the styles.css file with this body stanza:
body {
font: 18px Helvetica, sans-serif, Arial;
color: #ffffff;
background: url("../images/bg.jpg") center top repeat-x;
background-size: cover;
line-height: 20px;
}
and it showed the gradient color both on my computer and online.
However, I decided to switch the gradient to a solid medium blue color by changing the body stanza to:
body {
font: 18px Helvetica, sans-serif, Arial;
color: #ffffff;
background-color: #00008B;
background-size: cover;
line-height: 20px;
}
While this change worked fine locally, when viewed online, the background-color of the body turned white, making the text invisible.
What could be the reason behind the difference in display between using an image as background for body versus a hex code for background-color?