Как подняться на уровень в пути src URL в HTML?

Я сохраняю таблицы стилей в {root}/styles во время изображений в {root}/images для веб-сайта. Как указать путь в таблицах стилей, чтобы посмотреть в каталоге изображений для указанных изображений?

например. В background-image: url('/images/bg.png');

Ответ 1

Используйте .. для указания родительского каталога:

background-image: url('../images/bg.png');

Ответ 2

Используйте ../:

background-image: url('../images/bg.png');

Вы можете использовать его так часто, как хотите. ../../images/ или даже в разных положениях, например. ../images/../images/../images/ (так же, как ../images/, конечно)

Ответ 3

Вот все, что вам нужно знать об относительных путях файлов:

Начиная с "/" возвращается в корневую директорию и начинается там

Начиная с "../" перемещает один каталог назад и начинает там

Начиная с "../../" перемещает две директории назад и начинается там (и так далее...)

Чтобы двигаться вперед, просто начните с первого подкаталога и продолжайте двигаться вперед.

Нажмите здесь для более подробной информации!

Ответ 4

В Chrome при загрузке веб-сайта с некоторого HTTP-сервера работают как абсолютные пути (например, "/images/sth.png" ), так и относительные пути к некоторому каталогу верхнего уровня (например, "../images/sth.png" ).

Но!

Когда вы загружаете (в Chrome!) документ HTML из локальной файловой системы, вы не можете получить доступ к каталогам выше текущего каталога. То есть вы не можете получить доступ к "../something/something.sth", а изменение относительного пути к абсолютному или чем-либо еще не поможет.