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

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

Не работает background-image

Вот не работает background-image:url(img/bg.jpg); я пробовал и background-image:url(/img/bg.jpg); и background-image:url(./img/bg.jpg); Ничего не помогает.

Зато если прямо в HTM прописать, то все работает.

Не работает background-image
Здравствуйте, проблема в том что я хочу задать фон для блока картинкой, но она не отображается .

Не работает background-image
Здравствуйте! Продолжаю писать сайт, и тут в голову пришла идея соединить две картинки в одном.

Не работает background-image
Здравствуйте. Наткнулся на проблему — background-image не работает. <HTML> <head> <title>.

Не работает background-image
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN".

Сообщение было отмечено как решение

Решение

Не работает background-image
Здравствуйте. У меня такая проблема. Свойство background-image не работает в файле css. Я понимаю.

Не работает background-image
У меня такая же ситуация: при том что картинка jpg, хранится в подпапке где стоит css и html.

В mozille и IE не работает transition на background-image
Префиксы стоят, но эти два браузера просто игнорят анимацию фона. В остальных браузерах все работает

Не работает background-image для отображения спрайта
Ребят, я чего-то не понимаю. Подскажите, пжл, почему у меня не работает бекграунд для спрайта.

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

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

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

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

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

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

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

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

aleksandr barakin's user avatar

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

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

CSS фоновое изображение не отображается

у меня есть HTML-файл с директории img с изображением под названием debut_dark.png . В моем CSS-файле у меня есть:

HTML-файл имеет тег body и включает файл CSS соответствующим образом. Я точно знаю, что файл CSS включен правильно, так как все остальное отформатировано правильно.

фоновое изображение не отображается, я вижу только белый фон. Есть идеи, как это исправить или даже как отладить?

12 ответов

согласно вашему пути к файлу CSS, я предположу, что он находится в том же каталоге с вашей HTML-страницей, вы должны изменить url следующим образом:

вы должны использовать такой:

или попробуйте проверить правила CSS с помощью инструмента Firefox Firebug.

убедитесь, что ваше тело имеет высоту, f.ex:

У меня такая же проблема. Но это работает правильно для меня

Я знаю, что это не касается точного случая OP, но для других, поступающих из Google, не забудьте попробовать display: block; на основе типа элемента. У меня был образ в <i> , но он не появляется.

работал для меня.

вы должны использовать относительный путь в URL-адресе. Я думаю, вы сделали две папки в корневом каталоге, где ваш индекс.html находится. Есть папки CSS’ & другой папке ИМГ’.

теперь, если вам нужно получить доступ к папке » img » в css-файлах. Поэтому вам нужно вернуться один раз в корневой каталог, используя «../» синтаксис. Затем перейдите в папку «img», используя «..синтаксис /ИМГ». Затем напишите имя изображения «../ img / debut_dark.формат PNG.»

Я использую встроенный CSS на локальном компьютере. Я положил атом.jpg-файл в той же папке, что и мой html-файл, тогда этот код работал:

Ну, я понял, что этот атрибут отображает изображение, когда в нем указано полное местоположение. Я просто загрузил это изображение на свой сервер и связал местоположение этого изображения в фоновом режиме-image:url(«xxxxx.xxx»); атрибут, и он, наконец, работал, но если у вас, ребята, нет сервера, попробуйте ввести полное местоположение изображения в атрибуте, перейдя в свойство этого изображения. Хотя я использовал этот атрибут в теге HTML-файла, но он наверняка работает на CSS-файле тоже. Если этот метод не сработал, попробуйте загрузить изображение в интернете, например, behance, facebook,instagram и т. д., проверить изображение и скопировать его в атрибут.. Надеюсь, это сработает

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

всегда хорошо иметь эти дополнительные свойства, кроме

background-image: url (‘path’) no-repeat 0 0;

установить размерность элемента

  • Это свойство помогает поместить изображение в указанное выше измерение, которое вы определяете для элемента.

в основном проблема заключается в пути к файлу. Косая черта в начале url-адреса заставляет его искать файл в корне. Удаление этого, это будет путь относительно этого файла css-как это: background-image: url(img/debut_dark.png);

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

Ссылка на основную публикацию