Linking CSS to images in a subfolder

Question

I cant figure out the right path to use in my CSS file for

    html { background-image: url('backgroundImage.jpg'); }

My folder structure is as follows:

..\MySite\ <!-- HTML files here -->

..\MySite\css\

..\MySite\js\

..\MySite\images\ <!-- backgroundImage.jpg here -->

Answer 1

 html{ background-image: url('../images/backgroundImage.jpg'); }

../ is telling your CSS file to go one directory back and search for the image from that folder (in this case your root folder)

Answer 2

use html{ background-image: url('/images/backgroundImage.jpg'); }

starting with / means you start at the root of your site