Установить изображение в качестве фона

@Insane__ · Регистрация: 10.09.2013

Студворк — интернет-сервис помощи студентам

Вот что я пытаюсь прописать:
index.html

HTML5
1
2
3
4
5
6
7
8
<html>
    <head>
        <title>Hello, World!</title>
        <link href="css/style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    </body>
</html>

style.css

HTML5
1
2
3
body{
    background-image: url(images/menu/background.jpg);
}

Такой вариант не работает. Я если вписать на прямую, то есть вот так, тогда все работает. Что за херня?

HTML5
1
2
<body style="background-image: url(images/menu/background.jpg);">
    </body>

@monochromer · 20.02.2014, 22:47

Как файлы расположены по отношению друг к другу?

@Insane__ · 20.02.2014, 22:51 **[ТС]**

Имеете в виду структуру каталогов? Если да, то:

XML
1
2
3
4
5
6
7
Book
    - css
        style.css
    - images
        - menu
            background.jpg
    index.html

@monochromer · 20.02.2014, 22:55

Тогда так

CSS
1
2
3
body{
    background-image: url(../images/menu/background.jpg);
}

@red_wine · 20.02.2014, 23:08

попробуйте убрать "-image", оставьте просто background: url(images/menu/background.jpg), может поможет...

Добавлено через 6 минут
протестил у себя на компе, тоже не срабатывает css код, но только когда css файл лежит в папке css. Если положить его в папку с index.html то все работает

@fol · 20.02.2014, 23:50

delete

Добавлено через 5 минут

HTML5
1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
</body>
</html>

CSS
1
2
3
body {
background:url("../images/1.png"); 
}

иерархия файлов:
/css/style.css
/images/1.png
/index.html

все работает

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение 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" Извлеките архив и вы увидите. . .

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	20.02.2014, 22:47
	Как файлы расположены по отношению друг к другу? 0

@red_wine 2 / 2 / 2 Регистрация: 19.02.2014 Сообщений: 30
	20.02.2014, 23:08
	попробуйте убрать "-image", оставьте просто background: url(images/menu/background.jpg), может поможет... Добавлено через 6 минут протестил у себя на компе, тоже не срабатывает css код, но только когда css файл лежит в папке css. Если положить его в папку с index.html то все работает 0

Установить изображение в качестве фона

Решение