[решено] Фоновый рисунок.

[решено] Фоновый рисунок.

Muslitel

Пользователь

Сообщения: 140
Благодарности: 4

Изменения

Автор: Muslitel
Дата: 26-05-2011

Уровень - новичек.

Начал стряпать вэб-приложение. Основная часть, с которой будут работать - форма. Теперь хочу всунуть логотип на фон. Сам рисунок высокого качества и не весь помещается на мониторе. Есть вариант изменить размеры рисунка - подогнать его. Но, если вэб-приложение будет просматриваться на другом ПК, с другим моником и разрешением, то, как я понимаю, возникнут проблемы. Т.е. изображение будет "обрезаться", если разрешение меньше, и, если разрешение больше, то изображение перестанет покрывать 100% рабочего окна браузера. Правильно?

Если да, то как можно сделать так, чтоб изображение при любых условиях сохраняло 100% высоты, не зависимо от того, где и как работают с вэб приложением.
Пробовал:

HTML код:

<body onload='window.focus()' class="calc" background="logo.jpg" bgproperties="fixed">

Отображается лишь часть логотипа.
Попробовал даже:

HTML код:

<img src="logo.jpg" height="100%">

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

Надо чтоб изображение было фоном, который может адаптироваться под масштабирование страницы и параметры монитора. Как-то можно такого добиться?

Отправлено: 18:10, 26-05-2011

Sham

Deadooshka

Сообщения: 2517
Благодарности: 692

Профиль | Отправить PM | Цитировать

см. свойство background в CSS (там и примеры).

фон имхо не масштабируется в CSS, да и не нужно это, если все размеры в пикселях. Масштабируют браузеры страницу целиком.

Отправлено: 18:35, 26-05-2011 | #2