- Не работает background-image
- Решение
- Перестал работать css, никак не работает свойство background-image
- Не отображается изображение как background [закрыт]
- 4 ответа 4
- CSS фоновое изображение не отображается
- 12 ответов
- Background-image не работает
- 8 ответов 8
- Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css или задайте свой вопрос.
- Связанные
- Похожие
- Подписаться на ленту
Не работает background-image
Вот код CSS
@charset «utf-8»;
/* CSS Document */
Вот не работает 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
3
Решение
Здравствуйте. У меня такая проблема. Свойство background-image не работает в файле css. Я понимаю.
Не работает background-image
У меня такая же ситуация: при том что картинка jpg, хранится в подпапке где стоит css и html.
В mozille и IE не работает transition на background-image
Префиксы стоят, но эти два браузера просто игнорят анимацию фона. В остальных браузерах все работает
Ребят, я чего-то не понимаю. Подскажите, пжл, почему у меня не работает бекграунд для спрайта.
Источник
Перестал работать css, никак не работает свойство background-image
Неожиданно перестал работать css,просто никак не работает свойство background-image(вместо указанной картинки просто белый фон),по разному пробовал
Но если пихнуть картинку в html коде в див,то она отображается,и если с css начать править размеры div,то сам див правится и картинка встает на нужные места,то есть css вроде как работает
Помогите пожалуйста,в чем причина и как это решить?
| Комментарий модератора | ||
| ||
Помощь в написании контрольных, курсовых и дипломных работ здесь.
body < width:100%; height:400px; background:url(img/p1.jpg) no-repeat 50% 50% / cover;.
Не срабатывает свойство background-image в IE
Всем привет. При верстке не отображается картинка, заданная с помощью свойства background-image.
Добрый день! Не могу понять почему не подгружается картинка для background описанная в CSS.
Смена фона CSS background-image
Как в CSS поставить смену картинки фона из папки images с картинками image1.jpg-image5.jpg ? Не.
Источник
Не отображается изображение как 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 фоновое изображение не отображается
у меня есть HTML-файл с директории img с изображением под названием debut_dark.png . В моем CSS-файле у меня есть:
HTML-файл имеет тег body и включает файл CSS соответствующим образом. Я точно знаю, что файл CSS включен правильно, так как все остальное отформатировано правильно.
фоновое изображение не отображается, я вижу только белый фон. Есть идеи, как это исправить или даже как отладить?
12 ответов
согласно вашему пути к файлу CSS, я предположу, что он находится в том же каталоге с вашей HTML-страницей, вы должны изменить url следующим образом:
вы должны использовать такой:
или попробуйте проверить правила CSS с помощью инструмента Firefox Firebug.
убедитесь, что ваше тело имеет высоту, f.ex:
У меня такая же проблема. Но это работает правильно для меня
Я знаю, что это не касается точного случая OP, но для других, поступающих из Google, не забудьте попробовать display: block; на основе типа элемента. У меня был образ в , но он не появляется.
работал для меня.
вы должны использовать относительный путь в 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-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.
Источник