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

Фоновая картинка под разрешения экрана

08.08.2012, 11:13. Показов 7870. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сделать, чтобы фоновая картинка, втсавленная тегом <body background =".....">, подстравивалась под разрешение экрана?
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
08.08.2012, 11:13
Ответы с готовыми решениями:

Исчезает фоновая картинка, если разрешение экрана больше 1300px
Картинка фоном исчезает если разрешение экрана больше 1300px как сделать так чтобы фон картинкой был в полную ширину и автоматически...

Нужно, чтобы картинка на сайте растягивалась под размер экрана, как это сделать ? (Пропорционально, картинка высокого расширения и качества)
binding text

Сайт под разные разрешения экрана
Здравствуйте! В общем возникла такая ситуация, что пользователям лучше подойдет такой вариант, как выбор разрешения при заходе на...

3
ѪѦѢ
 Аватар для SlavAz
599 / 168 / 5
Регистрация: 19.08.2011
Сообщений: 665
Записей в блоге: 3
09.08.2012, 18:00
Javascript или CSS Media Queries
0
2 / 2 / 0
Регистрация: 02.10.2012
Сообщений: 32
13.10.2012, 17:56
Вот код, все просто и понятно!
HTML5
1
<body background="Картинка" style="background-attachment: fixed">
0
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
13.10.2012, 18:14
CSS
1
2
3
4
5
6
7
8
9
10
11
12
#fon {
    width: 100%;
    height: 100%;  
    background: url("../images/background.jpg") no-repeat center center #2f2f2f;
    background-attachment: fixed;
    overflow: auto;
    -moz-background-size:100% 100%; /* для Firefox 4+ */
    -o-background-size:100% 100%; /* для Opera 9.5+ */
    -webkit-background-size:100% 100%; /* для Safari 5+ и Chrome 4+ */
    -khtml-background-size:100% 100%; /* для Konqueror (WebKit-браузеров) */
    background-size:100% 100%; /* CSS3 свойство */
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
13.10.2012, 18:14
Помогаю со студенческими работами здесь

Верстка сайта под все разрешения экрана
подскажите как решить проблему с разными разрешениями экрана (желательно средствами dreamweavera) я сейчас работаю на нетбуке с маленьким...

Адаптивность под различные разрешения экрана @MEDIA
Доброго времени суток. Начал изучать адаптивность и на примере страницы с Bootstrap сделал свою страницу и хочу добавить адаптивность....

Подстроить сайт под разные разрешения экрана
Есть сайт на обычных фреймах (размеры фреймов в процентах). С моим разрешением экрана всё нормально отображает, как только изменяю размер...

Как адаптировать страницу под все разрешения экрана.
Не знаю как сделать. Хочу чтобы сайт был универсальным под все разрешения экрана.

Картинка справа под разрешение экрана
Размещаем новогоднее украшение шапки сайта поверх (соответственно левое украшение и правое украшение). Сами украшения широкие. Задумано,...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Установка 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 и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru