Фоновое изображение не найдено

В приложении Symfony я визуализирую шаблон веточки, содержащий некоторый внутренний CSS. Для основного элемента я хочу вставить фоновое изображение:

main {
  height: 85%;
  background: url('intro-bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
}

И изображение 'intro-bg.jpg', и шаблон веточки лежат в одной папке templates / student / public. Я читал, что путь, указанный для URL-адреса, должен быть относительно шаблона, и, следовательно, он должен соответствовать, но .jpg все же не найден. Кто-нибудь может сказать мне, какой был бы правильный путь?

Заранее благодарю за любой совет!

Это должен быть относительный путь к файлу CSS, а не к шаблону веточки.

Toby 03.01.2019 19:35

Где находится файл в вашем каталоге?

Preciel 03.01.2019 19:51

шаблон веточки, отрывок из которого я привел, и файл intro-bg.jpg находятся в одном каталоге: templates / student / public

Kevin 03.01.2019 19:56

@Toby спасибо, но CSS включен в заголовок шаблона веточки

Kevin 03.01.2019 20:02

Symfony 3 или 4? Такие подробности важно сообщить ...

Preciel 03.01.2019 20:42

@Kevin не имеет значения, где он включен, вы должны указать путь относительно файла css

Void Spirit 03.01.2019 20:42

@Kevin, и прежде чем отвечать кому-то, кто дает вам подсказку, попробуйте, а затем выскажите свое мнение

Void Spirit 03.01.2019 20:43

@Preciel Symfony 4

Kevin 03.01.2019 21:32

@Antihype Нет, это не должно было звучать неуважительно, я рад подсказкам

Kevin 03.01.2019 21:33
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
9
86
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Неважно, где находится ваш шаблон веточки. url () относится к структуре папок вашего веб-сайта (а не вашего проекта). Согласно вашему примеру ваш файл должен находиться в той же общедоступной папке, что и файл css, или в случае внутреннего css в той же папке, что и запрошенная страница.

Лучше использовать URL с косой чертой в начале. В этом случае вы можете указать URL-адрес вашей корневой папки веб-сайта. Например, ваше изображение находится в /public/students/intro-bg.jpg, поэтому вы можете получить его по URL-адресу http: //your_site/students/intro-bg.jpg или в css url ('/ студенты / intro-bg.jpg')

ладно спасибо @Roman! тогда я думал не в том направлении. но где я могу создать эту папку / public / student /, которую вы упомянули, чтобы изображение было доступно через ваш_сайт / студенты / intro-bg.jpg? не в проекте? я использую сервер, который содержится в symfony.

Kevin 03.01.2019 21:22

У Symfony есть папка / public в корне проекта. Эта папка по умолчанию является корнем вашего сайта. Таким образом, вы можете создать там какую-то папку img, в которой вы можете управлять хранилищем всех общедоступных изображений. Вы можете получить доступ к этой папке по ваш_сайт / img

Roman Lytvynov 03.01.2019 21:41

Другие вопросы по теме