External style sheet relative paths

Consider I’ve the directory like below:
public_html
  1. index.html
  2. resources
    1. js
    2. css
      1. main.css
      2. style.css
  3. images
Now consider  few CSS written in main.css:
background-image:url(“image.jpg); //background-image:url(“../image.jpg”);
Refer to: domain-name.com/resources/css/image.jpg
background-image:url(“/image.jpg”);
Refer to: domain-name.com/image.jpg
background-image:url(../image.jpg);
Refer to: domain-name.com/resources/image.jpg
background-image:url(“../../image.jpg”);
Refer to: domain-name.com/image.jpg
background-image:url(“../../images/image.jpg”);
Refer to: domain-name.com/images/image.jpg

Labels: ,

Edit This post
© copyright-2020 Rejaul