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

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

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

4 84
html css relative-path

4 ответа:

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

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

использовать ../:

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

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

47

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

начиная с "/" возвращается в корневой каталог и начинается там

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

начиная с "../../ " движется два каталога назад и начинается там (и так далее...)

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

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

29

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

но!

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

8