фоновая картинка для body
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя  |
| Сообщение |
<< Старые топики Новые топики >> |
|
|
фоновая картинка для body - 2007-03-02 21:42:21.560000
|
|
|
rgo
Сообщений: 7170
Оценки: 281
Присоединился: 2004-09-25 05:14:25
|
как субж растянуть по ширине экрана? я чёт втыкал-втыкал в specs на html и css, а так и не понял. в css есть такая штука для body как background-image, при помощи опций картинку можно либо в верхнем левом углу расположить, либо замостить ею весь фон. а как растянуть?
Я просто на рабочий стол себе на работе сделал html'ку (дя-дя, повыпендриваться захотелось :)), а фон этой html'ки никак не растянуть на весь экран: картинка 800x600, а разрешение 1280x1024. можно конечно картинку в фотожопе растянуть до нужного размера, но неправильно это…
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-02 22:01:25.300000
|
|
|
Lex_Voodoo
Сообщений: 7328
Оценки: 0
Присоединился: 2004-12-07 13:55:12
|
Увы.
В CSS3 будет такая возможность.
Теоретически бубен со слоями и z-index может помочь, но это будет через такой анус, что фотожоп отдыхает.
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-02 22:24:31.560000
|
|
|
TheFeaR
Сообщений: 1923
Оценки: 0
Присоединился: 2006-01-25 18:16:33
|
Вот этот "анус"
<img src="07.jpg" style="z-index:-1; width:123px; height:321px; size:inherit"/>
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-02 22:26:43.513333
|
|
|
rgo
Сообщений: 7170
Оценки: 281
Присоединился: 2004-09-25 05:14:25
|
:(
ну чтож, будем ждать css3, а пока пользоваться фотожопом.
кстати… 8|
а по http венда умеет html'ки тянуть на рабочий стол? просто под рукой нету венды, а на работу меня пустят только в понедельник…
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-02 22:29:01.856666
|
|
|
rgo
Сообщений: 7170
Оценки: 281
Присоединился: 2004-09-25 05:14:25
|
quote:
ORIGINAL: TheFeaR
Вот этот "анус"
<img src="07.jpg" style="z-index:-1; width:123px; height:321px; size:inherit"/>
анус-то тот, да не тот. а если я захочу на проекторе ворд показать, и чтоб менюшки покрупнее были бы разрешение экрана сменю?
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-02 22:33:56.593333
|
|
|
TheFeaR
Сообщений: 1923
Оценки: 0
Присоединился: 2006-01-25 18:16:33
|
поправочка жабаскрипт(для определения разрешения экрана) и подставляй полученные резы в разрешение бэкграунда
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-02 22:50:37.663333
|
|
|
rgo
Сообщений: 7170
Оценки: 281
Присоединился: 2004-09-25 05:14:25
|
а! да. тогда, пожалуй, пускай будет анус :)
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-03 08:37:52.020000
|
|
|
Lex_Voodoo
Сообщений: 7328
Оценки: 0
Присоединился: 2004-12-07 13:55:12
|
quote:
ORIGINAL: TheFeaR
Вот этот "анус"
:D
Ну так анус на то и анус, что он маленький :)
Просто я сразу представил это с профессиональной точки зрения, т.е. что придётся вычислять размер экрана. Ты в курсе, что размер скролла тоже надо учитывать? А он ещё, насколько я помню, в разных браузерах считается по-разному, плюс в процессе просмотра размер экрана может меняться. Но в принципе да, именно это я и имел в виду.
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-03 08:59:09.543333
|
|
|
Lex_Voodoo
Сообщений: 7328
Оценки: 0
Присоединился: 2004-12-07 13:55:12
|
Ну вот, набросал, по идее должно работать в большинстве браузеров:
quote:
<script type="text/javascript" language="JavaScript">
function setBg() {
bg = document.getElementById('background');
try {
bg.width = Math.max(document.body.clientWidth, document.body.scrollWidth);
bg.height = Math.max(document.body.clientHeight, document.body.scrollHeight);
} catch(e) {
bg.width = Math.max(innerWidth, document.width);
bg.height = Math.max(innerHeight, document.height);
}
}
</script>
<body onload ="setBg()">
<img id="background" style="position:absolute; top:0; left:0;" src="http://forum.xakep.ru/upfiles/8092/chaki.jpg">
|
|
|
|
|
RE: фоновая картинка для body - 2007-03-03 11:01:09.766666
|
|
|
rgo
Сообщений: 7170
Оценки: 281
Присоединился: 2004-09-25 05:14:25
|
ну в мойом случае Math.max не нужен… и многобровзерность тоже. ибо IE, а размер документа под размер экрана я подстраиваю по-любому.
thnx всем. мне теперь не надо в js ковыряться :)
|
|
|
|
|
|
