Здравствуйте! Свойство background-image не работает в файле css. Файл находится в папке css. css/style.css
Но в самом файле html свойство background-image работает.
Подскажите, почему не работает, если я размещаю в в файле css?
в css файле пропишите
Между тегами у вас некорректно написана ссылка на файл CSS. Ваш код должен выглядеть так:
Как видите вы не дописали type=»text/css» в теге link .
пол суток пробовал
,а оказывается надо вот так
Всем привет. Была такая же проблема: не работал backgrounf-image: url(link). Мучался часа 2, перепробовал всё, любые модификации но проблема оставалась. Ошибка заключалась в том, что не правильно был указан путь к картинке (файлу), и как не старался — ничего не помогало. Потом, когда я начал думать что html и css — не моё, мне вдруг пришла в голову мысль залезть в настройки. Я пользуюсь Notepad++ и обнаружил вот что: в пункте «Путь по умолчанию» было отмечено «запомнить последнюю директорию», я переставил отметку на «пройти за текущим документом», а в значении селектора background-image указал папку и файл: background-image: url(images/1.jpg) И все заработало. Надеюсь, кому да поможет инфа.
Здравствуйте! Свойство background-image не работает в файле css. Файл находится в папке css. css/style.css
index.html
Но в самом файле html свойство background-image работает.
Подскажите, почему не работает, если я размещаю в в файле css?
7 ответов 7
в css файле пропишите
Между тегами у вас некорректно написана ссылка на файл CSS. Ваш код должен выглядеть так:
Как видите вы не дописали type=»text/css» в теге link .
пол суток пробовал
,а оказывается надо вот так
Всем привет. Была такая же проблема: не работал backgrounf-image: url(link). Мучался часа 2, перепробовал всё, любые модификации но проблема оставалась. Ошибка заключалась в том, что не правильно был указан путь к картинке (файлу), и как не старался — ничего не помогало. Потом, когда я начал думать что html и css — не моё, мне вдруг пришла в голову мысль залезть в настройки. Я пользуюсь Notepad++ и обнаружил вот что: в пункте «Путь по умолчанию» было отмечено «запомнить последнюю директорию», я переставил отметку на «пройти за текущим документом», а в значении селектора background-image указал папку и файл: background-image: url(images/1.jpg) И все заработало. Надеюсь, кому да поможет инфа.
Судя по имени стиля вам нужен фон страницы. Если не работает, то проверьте правильный ли путь к картинке. то есть ../img/a.png или /img/a.png
Может помочь указания размеров картинки фона.
Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css или задайте свой вопрос.
Похожие
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
дизайн сайта / логотип © 2019 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 4.0 с указанием ссылки на источник. rev 2019.11.15.35459
Проект написан на ларавель resources/views/welcome.blade.php:
Картинка earth.png из свойства background-image не срабатывает. в то время, как от тега img она работает. В чем может быть причина? П.С.: файл header_style.css подключен верно и работает (решил не засорять код примерами его работы)
5 ответов 5
CSS хранится в своей папке, и при обращении к картинке он пытается в своей папке найти папку images и в ней уже картинку. Попробуйте поиграть с путем файла посредством («../») в начале пути. Это поднимает ссылку по каталогам на один уровень вверх.
images/earth.png — это относительный путь.
То есть если у тебя css файл лежит скажем в
то для подклчения в css нужен путь ../../images/earth.png (2 каталога вверх по иерархии — до корня сайта)
Либо используй абсолютный путь вида /images/earth.png
Действительно, попробуйте полный путь. Ведь фоновый рисунок запрашивается после загрузки сайта. Если у Вас есть редирректы или ЧПУ, то запрос рисунка фона будет URL+image/earth.png. Проверьте, нет ли тут конфликта.
или — как в CSS — image/earth.png — есть небольшая разница в названиях директорий: images и image.
По всей видимости, причина в этом. (ответ на первую версию вопроса).
Ответ на вторую версию вопроса: (в любом случае где-то указан неверный путь к картинке из CSS файла).
Если прописать полный путь к картинке в CSS (с http://) — должно работать. Где-то путь неверный, в этом все дело.
Обычно для устранения проблемы достаточно посмотреть через Инспектор кода, какой адрес отдается для картинки из CSS, и понять, где затык.