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

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

20.02.2014, 22:42. Показов 1950. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вот что я пытаюсь прописать:
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>
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
20.02.2014, 22:42
Ответы с готовыми решениями:

Изображение в качестве фона, адаптирующееся под размеры окна
Какой хитростью задать изображение в качестве фона, чтобы оно растигивалось и натягивалось под размеры окна? Вот как тут...

установите в качестве фона текстуру (небольшое изображение, размноженное по экрану) и каждому изображению зада
установить в качестве фона текстуру (небольшое изображение, размноженное по экрану) и каждому изображению задать толстую рамку в...

Изображение в качестве фона ячейки
Всех приветствую! Имеется макрос, который формирует из заданного списка товаров ценники по заданному шаблону. Хотелось бы...

5
 Аватар для monochromer
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
20.02.2014, 22:47
Как файлы расположены по отношению друг к другу?
0
43 / 43 / 15
Регистрация: 10.09.2013
Сообщений: 293
20.02.2014, 22:51  [ТС]
Имеете в виду структуру каталогов? Если да, то:
XML
1
2
3
4
5
6
7
Book
    - css
        style.css
    - images
        - menu
            background.jpg
    index.html
0
 Аватар для monochromer
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
20.02.2014, 22:55
Лучший ответ Сообщение было отмечено Insane__ как решение

Решение

Тогда так
CSS
1
2
3
body{
    background-image: url(../images/menu/background.jpg);
}
1
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
 Аватар для fol
511 / 485 / 161
Регистрация: 08.07.2013
Сообщений: 1,714
Записей в блоге: 1
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

все работает
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
20.02.2014, 23:50
Помогаю со студенческими работами здесь

Изображение в качестве фона формы
Ставлю на фон формы картинку, через Mockup Image, и при запуске программы, картинки-фона нет, и стоит стандартный фон. 1) Как...

Как установить Gif анимацию в качестве фона?
Слышал, что есть какие-то библиотеки, но там сильно муторно их прицеплять к проекту

Как установить картинку в качестве фона для кнопки
Нужно сделать что бы при нажатии на кнопку, бграуд кнопки менялся.. причем сделать это так, что бы он менялся по кругу..скажем 1 картинка...

Создайте блок div, в качестве изображения фона установите ему изображение закрытой папки.
Создайте блок div, в качестве изображения фона установите ему изображение закрытой папки. Добавьте событие, которое выполняется при двойном...

Картинка в качестве фона
Хочу использовать картинку в качестве фона. Хочу реализовать с помощью css, без media queris и тд пробую так .... &lt;body&gt; ...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Установка 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" Извлеките архив и вы увидите. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru