Фон не работает css

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

вы должны использовать относительный путь в 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, копирование пути проекта изображения иногда включает косую черту в скопированном пути, поэтому будьте осторожны.

Источник

Не отображается изображение как background [закрыт]

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском.

Закрыт 5 лет назад .

Не отображает картинку. Правильность пути я проверил, background, background-image менял, кавычки ‘ » пробовал, без кавычек тоже пробовал, убирать слеш перед путем — тоже пробовал, однако изображение не отображается. В чем проблема?

Обновление

Ничего не понял, пробовал и высоту с шириной ставить, не помогло. код сейчас выглядит так:

4 ответа 4

Первым делом откройте инспектор браузера ( в Chrome f12 ).
Если картинка не загружается, то в консоли выведется ошибка ( вкладка console ). Если там ошибок нет — идем дальше

Поставьте фиксированные размеры для блока

Проверьте еще, загружаются ли у вас вообще стили. ( опять же в консоли f12 )

P.S.

На дворе уже 2015, HTML5 как год уже стандарт, не бойтесь его использовать

Блок имеет заданую ширину и высоту (если вдруг у него position: absolute|fixed)?

Сам путь к CSS файлу указан верно? (заметьте, там нет слэша)

Обновление

Путь к картинке указываем относительно css файла (без ./ тоже можно, но в шапке вопроса вы его задали вообще от корневой директории).

Добавил «div», чтобы парсер не съел, он там необязателен.

Сначала делаем так: пробуем из браузера пройти по пути к картинке и посмотреть отображается ли она. Если браузер пишет 403 или 404 значит путь указан неверно или не хватает прав доступа.

Если все гуд, тогда смотрим код и устанавливаем для начала блочный тип элемента не static а именно block устанавливаем высоту и ширину и проверяем отображается ли в блоке, если в блоке не отображается открываем инспектор скажем в хроме или в лисе и смотрим загрузило ли картинку и в консоли смотрим не зачеркнута ли она. Если зачеркнута ищем причину.

Источник

Перестал работать 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 ? Не.

Источник

Почему не работает 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, и понять, где затык.

Источник