Почему не работает свойство background

Background-image не работает

Здравствуйте! Свойство background-image не работает в файле css. Файл находится в папке css. css/style.css

index.html

Но в самом файле html свойство background-image работает.

Подскажите, почему не работает, если я размещаю в в файле css?

8 ответов 8

в css файле пропишите

Между тегами у вас некорректно написана ссылка на файл CSS. Ваш код должен выглядеть так:

Как видите вы не дописали type=»text/css» в теге link .

пол суток пробовал

,а оказывается надо вот так

Всем привет. Была такая же проблема: не работал backgrounf-image: url(link). Мучался часа 2, перепробовал всё, любые модификации но проблема оставалась. Ошибка заключалась в том, что не правильно был указан путь к картинке (файлу), и как не старался — ничего не помогало. Потом, когда я начал думать что html и css — не моё, мне вдруг пришла в голову мысль залезть в настройки. Я пользуюсь Notepad++ и обнаружил вот что: в пункте «Путь по умолчанию» было отмечено «запомнить последнюю директорию», я переставил отметку на «пройти за текущим документом», а в значении селектора background-image указал папку и файл: background-image: url(images/1.jpg) И все заработало. Надеюсь, кому да поможет инфа.

Столкнулся с аналогичной проблемой. Решил! Изображения формата .png почему-то не отображаются этим свойством, а вот .jpg и .webp отображаются

Судя по имени стиля вам нужен фон страницы. Если не работает, то проверьте правильный ли путь к картинке. то есть ../img/a.png или /img/a.png

Может помочь указания размеров картинки фона.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css или задайте свой вопрос.

Связанные

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.15.40479

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник

Не срабатывает background-color

Всем доброго времени суток. В общем, пытаюсь сделать на странице сетку изображений, адаптивную. Использую bootstrap. Структура div-ов выглядит так:

В стилях, хочу реализовать изначальное затемнение изображений, а при наведении, чтобы изображение светлело. Но при попытке задать background-color для .grid-item ничего не происходит, и я никак не могу понять почему. CSS стили выглядят так:

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Работа с background-color,background-image
Добрый день ув. пользователи! Подскажите пожалуйста, можно как-то сделать, что бы div, которому.

Background color не работает
.green < background-color:green; >table < border-spacing: 0px; position: absolute;.

Позиционирование для background-color
Возможно установить отступы, ширину, позицию у background-color. В точности как со свойство .

Одно из решений(не моё).

да, похоже вы правы. Попробовал убрать изображение из grid-item, блок закрашивается, но только если я ему задаю фиксированный размер.

А как быть в этой ситуации?

dalay_lama, так теперь уточни, что ты хочешь сделать?

Добавлено через 57 секунд
Нужно чтобы картинка была затемненная, а при наведения затемнение пропадала?

Добавлено через 26 секунд
То есть ты хочешь сделать затемнение фоном ?

Он и не сработает. Потому что фон не может перекрыть картинку которая лежит в нем.

Добавлено через 1 минуту
Без псевдоэлементов тут не обойтись.

Решение

Откуда появляется background-color ?
Привет. Подскажите, плиз, откуда берется этот background-color: #ffffff;? https://autoaddons.com/.

Background-color: rgba() поверх
При изменении ширины страницы меняется высота тега и расположение (top от -120 до 145px).

Смена background-color при прокрутке
Доброго времени суток! Как сделать чтобы при прокрутке страницы менялся цвет фона? то есть.

Изменение background-color при наведении на область
Уважаемые форумчане, помогите с идеей, как это реализовать: Есть карта svg, регионам присвоены id.

Источник

Не работает свойство background в CSS

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Перестал работать css, никак не работает свойство background-image
Неожиданно перестал работать css,просто никак не работает свойство background-image(вместо.

Не работает свойство background
Почему фоновый рисунок не устанавливается в нижний правый угол для sidebar? Я же прописываю.

Почему не работает в адаптации под другие разрешения, свойство background: url
Почему обрезает половину, как только размер изменятся до 768 пикселей Я даже картинку уменьшил.

Не срабатывает свойство background-image в IE
Всем привет. При верстке не отображается картинка, заданная с помощью свойства background-image.

Решение

это весь ваш css код?
если что? то у меня код работает при верном указании адреса картинки.

возможные причины косяка
1 неверно указан адрес картинки
2 вы неправильно прилепили css файлик к html коду
3 ваш браузер отображает старый вариант страницы и не хочет ее обновлять.
возможно косяк совершенно неожиданный и непредвиденный для меня? например картинка корявая.

попробуйте творчески подойти к поиску ошибки, например попробуйте вместо фона-картинки сделать однотонный фон.
если вы неверно указали урл, то фон появиться,если фон не появиться, то вообще ваш css фаил не переварился.
кстати вы в какой среде верстаете?

Свойство background-color вынести за рамки блока
Есть страница, что называется в «рамке». Есть необходимость растянуть background-color некоторых.

CSS background
Здравствуйте у меня такой вопрос, сделал всё по этой схеме. html, body < .

Background CSS
наверно, проблема пустячковая, но для меня пока неразрешимая. 3й день разбираюсь в HTML и CSS по.

background из внешнего .css
Помогите устранить недопонимание, чтобы впредь не нудить: подключаю к хтмл файлу внешний цсс — всё.

Источник

Почему не работает background-image?

Проект написан на ларавель 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, и понять, где затык.

Источник

Перестал работать css, никак не работает свойство background-image

Неожиданно перестал работать css,просто никак не работает свойство background-image(вместо указанной картинки просто белый фон),по разному пробовал
Но если пихнуть картинку в html коде в див,то она отображается,и если с css начать править размеры div,то сам див правится и картинка встает на нужные места,то есть css вроде как работает
Помогите пожалуйста,в чем причина и как это решить?

Комментарий модератора

Запрещено размещать задания и решения в виде картинок и других файлов с их текстом! Перепечатывайте код на форум или прикладывайте файлы к сообщению.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Не работает свойство background в CSS
body < width:100%; height:400px; background:url(img/p1.jpg) no-repeat 50% 50% / cover;.

Не срабатывает свойство background-image в IE
Всем привет. При верстке не отображается картинка, заданная с помощью свойства background-image.

Из css не подгружается background-image
Добрый день! Не могу понять почему не подгружается картинка для background описанная в CSS.

Смена фона CSS background-image
Как в CSS поставить смену картинки фона из папки images с картинками image1.jpg-image5.jpg ? Не.

Источник