How to give the background-image path in CSS?
Your css is here: Project/Web/Support/Styles/file.css
1 time ../
means Project/Web/Support and 2 times ../ i.e. ../../
means Project/Web
Try:
background-image: url('../../images/image.png');
Use the below.
background-image: url("././images/image.png");
This shall work.
There are two basic ways:
url(../../images/image.png)
or
url(/Web/images/image.png)
I prefer the latter, as it's easier to work with and works from all locations in the site (so useful for inline image paths too).
Mind you, I wouldn't do so much deep nesting of folders. It seems unnecessary and makes life a bit difficult, as you've found.