Почему не отображается background image css

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

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

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

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

17 ответов

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

Если вы используете код vs, просто попробуйте использовать background: url ("img / bimg.jpg") вместо background: url (‘img / bimg.jpg’) Мой работал над этим Ничего особенного, я заменил ‘на "

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

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

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

Например: assets / images / laravelamit.jpg

Тогда вам нужно перейти в assets / css / style.css, открыть и поместить

Фон: url (../ images / laravelamit.jpg);

ПРИМЕЧАНИЕ. Если ваш css находится в другой папке, убедитесь, что вы начинаете путь к образу с FORWARD SLASH.

У меня это сработало. !

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

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

Хорошо, я понял, что этот атрибут отображает изображение, когда в нем указано полное местоположение. Я просто загрузил это изображение на свой сервер и связал местоположение этого изображения с background-image: url ("xxxxx.xxx"); атрибут, и он, наконец, сработал, но если у вас, ребята, нет сервера, попробуйте ввести полное местоположение изображения в атрибуте, перейдя в свойство этого изображения. Хотя я использовал этот атрибут в теге HTML-файла, он наверняка будет работать и с CSS-файлом. Если этот метод не сработал, попробуйте загрузить свое изображение в Интернет, например, в Facebook, Instagram и т. Д., Проверьте изображение и скопируйте это местоположение в свой атрибут. Надеюсь, это сработает.

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

Я была такая же проблема. Для меня это сработало с:

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

Фоновое изображение: url (‘путь’) без повтора 0 0;

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

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

Вы должны использовать относительный путь в URL-адресе. Я думаю, вы создали две папки в корневом каталоге, где находится ваш index.html. Одна — это папка «CSS», а другая — папка «img».

Теперь, если вам нужно получить доступ к папке img в файлах css. Таким образом, вам нужно один раз вернуться в корневой каталог, используя синтаксис "../". Затем перейдите в папку img, используя синтаксис «../img». Затем напишите имя образа "../img/debut_dark.png".

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

Убедитесь, что ваше тело имеет рост, например:

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

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

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

Не работает 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 не работает. &lt;HTML&gt; &lt;head&gt; &lt;title&gt;.

Не работает background-image
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;.

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

Решение

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

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

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

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

Фоновый рисунок CSS не отображается

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

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

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

ОТВЕТЫ

Ответ 1

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

Ответ 2

Вы должны использовать следующее:

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

Ответ 3

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

Ответ 4

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

Ответ 5

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

Ответ 6

Работал на меня.

Ответ 7

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

background-image: url (‘path’) без повтора 0 0;

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

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

Вы должны использовать относительный путь в URL. Я думаю, что вы сделали две папки в корневом каталоге, где находится ваш index.html. Одна из них — папка "CSS", а другая — папка "img".

Теперь, если вам нужен доступ к папке ‘img’ в файлах css. Таким образом, вы должны вернуться в корневой каталог один раз, используя синтаксис "../". Затем перейдите в папку "img", используя синтаксис "../img". Затем напишите название изображения "../img/debut_dark.png".

Ответ 9

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

Ответ 10

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

Ответ 11

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

Ответ 12

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

Ответ 13

Я была такая же проблема. Для меня это работало с:

Ответ 14

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *