Я сохраняю таблицы стилей в {root}/styles во время изображений в {root}/images для веб-сайта. Как указать путь в таблицах стилей, чтобы посмотреть в каталоге изображений для указанных изображений?
например. В background-image: url('/images/bg.png');
Используйте .. для указания родительского каталога:
background-image: url('../images/bg.png');
Используйте ../:
background-image: url('../images/bg.png');
Вы можете использовать его так часто, как хотите. ../../images/ или даже в разных положениях, например. ../images/../images/../images/ (так же, как ../images/, конечно)
Вот все, что вам нужно знать об относительных путях файлов:
Начиная с "/" возвращается в корневую директорию и начинается там
Начиная с "../" перемещает один каталог назад и начинает там
Начиная с "../../" перемещает две директории назад и начинается там (и так далее...)
Чтобы двигаться вперед, просто начните с первого подкаталога и продолжайте двигаться вперед.
Нажмите здесь для более подробной информации!
В Chrome при загрузке веб-сайта с некоторого HTTP-сервера работают как абсолютные пути (например, "/images/sth.png" ), так и относительные пути к некоторому каталогу верхнего уровня (например, "../images/sth.png" ).
Но!
Когда вы загружаете (в Chrome!) документ HTML из локальной файловой системы, вы не можете получить доступ к каталогам выше текущего каталога. То есть вы не можете получить доступ к "../something/something.sth", а изменение относительного пути к абсолютному или чем-либо еще не поможет.