For having an image changed by the stylesheet, I have a bit of HTML in a content block via the backend.
This content block has one style block like the following:
'<div style="background-image: url('images/default-source/misc/ProdInfo.png');" class="image_with_overlay_text"> </div>'
So the image referenced is obviously in the images folder. But for whatever reason, and that's why I am asking for help, in the frontend the url is handled different and reads
'background-image: url('../images/default-source/Misc/favorites.png'); '
in every browser.
What is the reason behind this different relative path handling? What options do I have to change it?
As always the issue was sitting in front of the computer...
Someone changed the default language for the page, resulting in the french version (having '../' in the url) being displayed in default while I was checking the backend with english...