I'm trying to make an image the background of my Visualforce page. I've tried every single way I can think of to reference the image from static resources. I've created a zip file with both the image and the .css file and reference it from my apex page. Can someone who has successfully made an image a background share their code with me? I need step by step directions please, as I've tried using everyone else's ideas and tips from this page and other pages I've googled and it's simply not working. I have an image (StayConnected.jpg) and a .css file (style.css) zipped into a file called 'Image.zip'. I've uploaded that zip file to Static Resources and have named it 'Image'. I can change the background color in the .css but I can't simply make the background an image. I've been going at this for about a week now and I'm desperate for help.
The following is the code that isn't working.
.CSS file:
.table
{
background-image: url("Image/StayConnected.jpg");
position: relative;
}
APEX page:
apex:stylesheet value="{!URLFOR($Resource.Image, 'Image/style.css')}"/
thank you for your help and consideration!
Best Answer
Change url("Image/StayConnected.jpg"); to