Растягивание заднего фона
Hello!
Хочу в качестве бэкграунда поставить на сайт рентгеновский снимок
корявого черепа. Как картинку заднего фона растянуть на весь лист, а
не замостить? Что прописать надо?
Подписаться
Бесплатный дискуссионный лист
Подписчиков 91
| ← Апрель 2004 → | ||||||
|
1
|
2
|
3
|
4
|
|||
|---|---|---|---|---|---|---|
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
|
12
|
13
|
14
|
17
|
18
|
||
|
19
|
20
|
21
|
23
|
|||
|
27
|
29
|
|||||
За последние 60 дней ни разу не выходила
Сайт листа:
http://codeguru.ru
Открыт:
11-01-2004
Пре-модерация: Нет
Адрес для писем в лист: inet.webbuild.build-list@subscribe.ru
Адрес
модератора: inet.webbuild.build-owner@subscribe.ru
Модератор
Статистика
91 подписчиков
0 за неделю
0 за неделю
Ответы:
Здравствуйте, vovik.
Пардон, но ведь вопрос был о растягивании...
Насколько я знаю, это сделать нельзя.
Здрасвтвуйте !
1. Наверно, по большей части это к программированию не относится :-(
Хотя...
2. Читаем :
http://loc.stack.ru/projects/CSS2/cover.html,
или качаем :
http://loc.stack.ru/projects/CSS2/css2ru.zip
Смотрим в раздел "14.2.1 Свойства фона: 'background-color',
'background-image',
'background-repeat', 'background-attachment', 'background-position' и
'background'"
С помощью CSS этого сделать нельзя.
Остается только поместить изображение в отдельный слой (div или layer
элемент) и
растягивать его как надо при изменении размеров документа (пишем на JS).
Плохо то, что у 1-2% пользователей JS отключен (или файрвол режет) =>
красот Ваших пользователь может и не оценить.
Совет :
1. делаем все с помощъю CSS и html, не извращаясь
2. Задать вопрос можно в более специализированных листах :
http://subscribe.ru/catalog/inet.webbuild.build
--
С уважением, Вахтуров Виктор.
Информационный сайт для программистов http://SoftMaker.com.ru
Номер выпуска : 122
Возраст листа : 94 (дней)
Количество подписчиков : 131
Адрес в архиве : http://subscribe.ru/archive/inet.webbuild.build/msg/126497
Получить правила : mailto:inet.webbuild.build-rules@subscribe.ru
Формат "дайджест" : mailto:inet.webbuild.build-digest@subscribe.ru
Формат "каждое письмо" : mailto:inet.webbuild.build-normal@subscribe.ru
Формат "читать с веба" : mailto:inet.webbuild.build-webonly@subscribe.ru
-*Информационный канал Subscribe.Ru
Написать в лист: mailto:inet.webbuild.build-list@subscribe.ru
Отписаться: mailto:inet.webbuild.build--unsub@subscribe.ru
http://subscribe.ru/ mailto:ask@subscribe.ru
Здравствуйте !
Звиняйте, думал письмо в лист по программированию отправлено было :-)))
Не досмотрел :-)
А так как задумано - фон растянуть без JS, имхо, нельзя.
--
С уважением, Вахтуров Виктор.
Информационный сайт для программистов http://SoftMaker.com.ru
Номер выпуска : 123
Возраст листа : 94 (дней)
Количество подписчиков : 131
Адрес в архиве : http://subscribe.ru/archive/inet.webbuild.build/msg/126506
Получить правила : mailto:inet.webbuild.build-rules@subscribe.ru
Формат "дайджест" : mailto:inet.webbuild.build-digest@subscribe.ru
Формат "каждое письмо" : mailto:inet.webbuild.build-normal@subscribe.ru
Формат "читать с веба" : mailto:inet.webbuild.build-webonly@subscribe.ru
-*Информационный канал Subscribe.Ru
Написать в лист: mailto:inet.webbuild.build-list@subscribe.ru
Отписаться: mailto:inet.webbuild.build--unsub@subscribe.ru
http://subscribe.ru/ mailto:ask@subscribe.ru
Hello Alexander,
Thursday, April 15, 2004, 5:08:44 AM, Вы писали:
Если Вы используете CSS, то в файле .css пропишите:
BODY{
background-repeat: no-repeat;
}
или в самой паге:
<BODY style="background-repeat: no-repeat">
Вообще свойство background-repeat может принимать значения repeat,
repeat-x, repeat-y и no-repeat.
Если Вы хотите, чтобы фон не прокручивался (прикольно получается если
фон - большая картинка), то можно сделать так:
<HTML>
<HEAD>
<TITLE>застывший фон</TITLE>
<STYLE type="text/css">
BODY{background-attachment: fixed;}
</STYLE>
</HEAD>
<BODY>...</BODY>
</HTML>
А ещё фон можно с помощью свойства background-position можно где
угодно размещать на страничке. Оно может принимать следующие значения:
top, center, bottom | left, center, right
или можно задать процентное соотношение, например:
BODY{background-position: 50% 50%;}