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

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

93 голосов
/ 27 января 2011

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

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

Ответы [ 5 ]

167 голосов
/ 27 января 2011

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

background-image: url('../images/bg.png');
47 голосов
/ 27 января 2011

Использование ../: 

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

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

41 голосов
/ 16 ноября 2016

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

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

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

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

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

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

8 голосов
/ 27 января 2011

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

Но!

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

0 голосов
/ 01 ноября 2018

Предположим, у вас есть следующая структура файла: 

-css
  --index.css
-images
  --image1.png
  --image2.png
  --image3.png

В CSS вы можете получить доступ к image1, например, используя строку ../images/image1.png.

ПРИМЕЧАНИЕ : если вы используете Chrome, он может не работать, и вы получите сообщение об ошибке, что файл не найден. У меня была такая же проблема, поэтому я просто удалил всю историю кэша из chrome , и она сработала.

...