Найти относительный путь с помощью CSS

Я следую учебному пособию по быстродействующему веб-сайту с использованием Jekyll. Теперь я работаю над заголовком, и я пытаюсь использовать изображение в качестве фона заголовка, но у меня возникает проблема найти относительный путь для этого изображения.Найти относительный путь с помощью CSS

Это путь изображения в моем компьютере: /Users/CaroleCarlos/Pictures/60H.png

и Это путь к папке Я спасительной мой проект:/Пользователи/CaroleCarlos/Desktop/DevTips-Starter-Kit-Джекил-Starter-Kit

Я использую следующий код, чтобы установить изображение в качестве фона, используя дерзость:

header { 
    height: 450px; 
    background: url(../Pictures/60H.png); 
}

но я не работаю. Я также пробовал другие пути, но я не знаю, что я делаю неправильно, что не могу найти изображение. Я использую Expresso в качестве текстового редактора.

Я знаю, что это не сложно решить, но я пытался заставить его работать какое-то время, и я не могу понять это.

источник

2015-07-17 Carolina Miranda

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

header { 
    height: 450px; 
    background: url(../../Pictures/60H.png); 
}

источник

2015-07-17 13:44:30

Я уже попытался запустить два каталога, но он тоже не работает. Я не знаю, если это потому, что я использую Jekyll, или это не имеет ничего общего с моей проблемой. Если я задаю цвет как фон, он отлично работает. –

Где находится файл таблицы стилей? Я имею в виду файл с расширением .ssss. –

/Users/CaroleCarlos/Desktop/DevTips-Starter-Kit-Jekyll-Starter-Kit/assets/css/3-modules/_header.sass Это расположение файла. –

Я бы посоветовал вам сделать ваш проект в папке, чтобы предотвратить это.

вы должны сделать папку изображения, как так:/Users/CaroleCarlos/Desktop/DevTips-Starter-Kit-Джекил-Starter-Kit/изображения

Тогда ваш путь должен мне background: url(images/60H.png)

источник

2015-07-17 13:46:57

Найти относительный путь с помощью CSS

ответ

Смежные вопросы