Hello!
Faced the problem of not displaying pictures. The image is set via .css
The folder structure is as follows:

enter image description here
The file path is set as follows:
( )background-image: url('../images/mag.svg');( )
But for some reason, the file is persistently searched in the css folder, and not a higher level. Why it happens? enter image description here

  • And if you look at the resulting html, what is the way there? - Mikhail Vaysman
  • So, options: 1). One point instead of two was written somewhere in the ways (most likely) 2). you have subfolders in zss and you climb up from a subfolder 3). Your styles will somehow get wrong (this is if there is a style assembly stage, but I don’t seem to have it) - Duck Learns to Hide
  • In the resulting html, it shows the url ('/ images / mag.svg'), that is, 2 points are missing. 1. Excluded, tested, and run on LAN. 2. Excluded, I have 1 css. There are no subfolders. - Svyatoslav
  • try changing quotes to 'or \' - maybe your cms is dirty ... - Andrey Fedorov
  • Absolute path tried? works? - Andrey Fedorov

1 answer 1

Research in the comments revealed that the browser’s cache is to blame.

Cache can be cleaned by hand, the usual shortcuts are as follows:
1. Ctrl + F5 - page reload without cache
2. Ctrl + Shift + Delete - select "cache".

For development purposes in Chrome Dev Tools (and probably in similar tools from other browsers) there is a setting:
F12 - open devtools
Three points on the top right of the devtools (menu " Customize and control devtools ") - Settings
Left Tab Preferences
Networks group
Galka Disable cache (while DevTools is open)

This is all for development purposes, if we need the file not to be cached for the final user, usually the correct http-headers are set and new parameters are added to the resource request, but this is a separate long story.