Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 27.03.2018
Сообщений: 3

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

27.03.2018, 21:19. Показов 1361. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
У меня такая же ситуация: при том что картинка jpg, хранится в подпапке где стоит css и html. Пробовал по разному, указывал и URL гугла, и с ординарными кавычками, и без, потом пробовал создать класс с фоновыми рисунками class="background", после чего вызвать его из css. Проделывал тоже самое что до этого - ни один способ не канает. В консоли не выдает никаких ошибок. Решил что это какая-то обнова, за которую я не по курсам.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
27.03.2018, 21:19
Ответы с готовыми решениями:

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

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

Не работает background-image
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html...

9
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
27.03.2018, 22:16
Как правило решение всех подобных проблем заключается в указании правильных путей и имен. Если вы уверены что у вас все в порядке - показывайте код. Без кода только один совет - проверяйте пути.
0
0 / 0 / 0
Регистрация: 27.03.2018
Сообщений: 3
27.03.2018, 22:49  [ТС]
Говорю же, пробовал всякие варианты, даже URL с гугла вставил - результат тот же(и с ординарными кавками и без них). Только сегодня установил денвер на флкш-накопителе(на диске С/Д не получалось, что-то по поводу бранбауэра не подходило), вот и подозреваю что с флешки не видит этот путь, хотя, локалка открывается, и в консоли не показывает ошибок.
Миниатюры
Не работает background-image  
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
27.03.2018, 23:18
Попробуйте указать путь так - /Images/01.jpg
У денвера могут быть проблемы с указанием абсолютных и относительных путей
0
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
27.03.2018, 23:54
Цитата Сообщение от micr0be Посмотреть сообщение
Говорю же, пробовал всякие варианты
Самый главный вариант и не попробовали! Посмотреть на наличие опечатки. Вы в CSS (который на скриншоте) не прописали у свойства background-image: url(...);

во вложении....
Миниатюры
Не работает background-image  
0
0 / 0 / 0
Регистрация: 27.03.2018
Сообщений: 3
28.03.2018, 00:20  [ТС]
Это был последний вариант. что заскринил. Без пробела, так же. У меня в самой установке денвера баги. Стоило это предвидеть. Спасибо все равно))
0
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
28.03.2018, 10:31
Цитата Сообщение от micr0be Посмотреть сообщение
Без пробела
там же дело не в пробеле, вы пропустили url без которого background-image просто не работает.
0
0 / 0 / 0
Регистрация: 02.04.2018
Сообщений: 22
03.04.2018, 05:02
micr0be, а также подмечу, что тип документа прописывается таким образом
HTML5
1
<!doctYpe html>
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
03.04.2018, 14:44
Цитата Сообщение от chameleon1100 Посмотреть сообщение
а также подмечу, что тип документа прописывается таким образом
Также подмечу что ваше замечание относится к вопросу который был задан еще в 2013 году, а не к данной теме.
Плюс, если вы вдруг не знаете, до html5 существовали и до сих пор существуют и другие стандарты, у которых doctype выглядит по другому, в частности стандарт XHTML.
0
0 / 0 / 0
Регистрация: 02.04.2018
Сообщений: 22
05.04.2018, 00:57
AlexZaw, спасибо, Александр! Скажите, мне для развития, так прописывают в XHTML?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.04.2018, 00:57
Помогаю со студенческими работами здесь

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

Не работает background-image
Здравствуйте. Столкнулся с такой проблемой. Не работает background-image. Точнее работает но не из css. Когда я в самой странице...

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

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

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru