Images referenced in CSS files

These are referenced from the locoation of the CSS file itself (not the website site root)

background-image: url('images/sidebar_link_icon.png');
/*  With css file here:
  /SomeFolder/SomeOtherFolder/FolderWithThisCssFile/style.css
    The following file will be referenced:
  /SomeFolder/SomeOtherFolder/FolderWithThisCssFile/images/sidebar_link_icon.png
*/

background-image: url('../sidebar_link_icon.png');
/*  With css file here:
  /SomeFolder/SomeOtherFolder/FolderWithThisCssFile/style.css
    The following file will be referenced:
  /SomeFolder/SomeOtherFolder/sidebar_link_icon.png

*/
Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.

Comments

Your email address will not be published. Required fields are marked *