Релиб / Веб-программирование / Веб-программирование / background по ширине окна / Latest Posts

RE: background по ширине окна

IT-AleX — Tue, 24 Jul 2007 15:15:01 GMT

спасибо за ответы

касательно размера по высоте из-за спецификации языка height в таблицах более не поддерживается... так что пришлось в стилях body прописать высоту 100%

RE: background по ширине окна

Vizlim — Tue, 24 Jul 2007 14:51:29 GMT

[quote][b]IT-AleX (24.07.2007)[/b][hr]не могу понять в чём проблема?

function ResizeBG () {
document.getElementById("BG_img").width = document.body.clientWidth;}

=================

<body background="<%=setBG%>" style="margin:0; background-repeat: repeat;" onload="ResizeBG();" onresize="ResizeBG();">
<img src="<%=setBG%>" id="BG_img" name="BG_img" style="z-index:1;position:absolute;top:0;left:0;">
[/quote]

<html>
<head>
<title> </title>
<script>
function A() {
document.getElementById("fon").width=document.body.clientWidth;;
document.getElementById("fon").height=document.body.clientHeight;
}
</script>
</head>
<body onLoad="A()" onresize="A()">

<h1> hhhhhhhhh</h2>
<h1 style="position:absolute"> zzzzzzz </h1>
<img src="img/fon/fon_blue.GIF" id="fon" style="position:absolute;top:0;left:0">

<h1 style="position:absolute"> Hello World </h1>
<h1>aaaaaaaaa</h1>
<img src="img/block/blok_gold.gif" name="a" style="position:absolute;top:100;left:100;">
<img src="img/block/blok_gold.gif" name="a" style="position:absolute;top:100;left:130;">
<img src="img/block/blok_gold.gif" name="a" style="position:absolute;top:100;left:160;">
<img src="img/block/blok_gold.gif" name="a" style="position:absolute;top:100;left:190;">
<img src="img/block/blok_gold.gif" name="a" style="position:absolute;top:100;left:220;">
<img src="img/block/blok_gold.gif" name="a" style="position:absolute;top:100;left:250;">
<img src="img/block/blok_gold.gif" name="a" style="position:absolute;top:100;left:280;">
<img src="img/block/blok_gold.gif" name="a" style="position:absolute;top:100;left:310;">
</body>
</html>

RE: background по ширине окна

IT-AleX — Tue, 24 Jul 2007 10:36:23 GMT

и туда же докучи...

решил для определения размеров боди всё содержимое (внутри боди) заключить в таблицу <table width=100% height=100% тоже с тр и тд... но почему-то в дизигнере студии отображается как надо эта таблица... а в браузере 93 пикселя по ширине контента который не имеет позиции абсолютной

в чем проблема? может это ИЕ7 глючит?

+ после изменения на отрицательный индекс у положительных элементов пропала реакция на изменение Opacity хотя у первого объекта с положительнам индексом реакция жаваскрипта осталась нормальной и отрабатывает нормально... (скрипт по изменению style.filter меняю в цикле Opacity от 0 до 100) уже совсем ничего не понимаю... =(

RE: background по ширине окна

bazile — Tue, 24 Jul 2007 10:12:29 GMT

Попробуй поставить фону отрицательный z-index, а для всех остальных элементов страницы используй положительный.

RE: background по ширине окна

IT-AleX — Tue, 24 Jul 2007 09:53:05 GMT

не могу понять в чём проблема?

[code]function ResizeBG () {
document.getElementById("BG_img").width = document.body.clientWidth;}

=================

<body background="<%=setBG%>" style="margin:0; background-repeat: repeat;" onload="ResizeBG();" onresize="ResizeBG();">
<img src="<%=setBG%>" id="BG_img" name="BG_img" style="z-index:1;position:absolute;top:0;left:0;">

=================[/code]

далее идут таблицы у которых тоже свой z-index у картинки для бэкграунда з-индекс=1 для остальных по нарастающей если меня не глючит... так вот эта картинка растягивается и ложиться поверх всего что есть.... в чём проблема? думал глючу поменял последовательность в обратную сторону т.е. присвоил картинке з-индекс=99 всё равно тоже самое...

подскажите в чем проблема.... заранее благодарю

RE: background по ширине окна

IT-AleX — Mon, 23 Jul 2007 16:20:26 GMT

да я уж догадался что к чему... не успел отписаться....

но за ответы респект... может в будующем кому пригодятся кто захочет также поизвращаться как и я =)

RE: background по ширине окна

bazile — Mon, 23 Jul 2007 13:56:49 GMT

Молодец Vizlim. Фон растянуть нельзя, зато можно растянуть обычную картинку.

Как определить размеры содержимого документа написано здесь.

RE: background по ширине окна

Vizlim — Mon, 23 Jul 2007 13:21:18 GMT

[quote][b]IT-AleX (23.07.2007)[/b][hr]захотелось сделать эффект рабочего стола... а растягивать картинку.... я не собираюсь давать людям скролинг... всё в "окошках" а бакграунд можно менять пользователю... с повторяющимися небольшими рисунками (замощение ими рабочего пространства) меня как-то не прильщает.... исходить я хотел из условий что у человека может быть высокое разрешение и соответственно брал большие обои... но если у человекаразрешение маленькое хотел утягивать размер картинки до разрешения экрана... но вот что не нашёл так это где можно параметры картинки бэкграунда менять....

понимаю можно считывать в зависимости от разрешения монитора и подставлять разные картинки под разрешение... но вот думал может есть способ... а на нет и суда нет... буду давать по параметрам монитора папку с бэкграундами...[/quote]

Ну раз такая задача, то могу предложить, как вариант использовать обычную вставку рисунка:
вставка скрипта по определение экранной области браузера, не разрешение экрана, а определение экранной области... и вставка данных в:
document.getElementById("fon").width= X;
document.getElementById("fon").height= Y;
<body onload="скрипта по определение экранной области()" onresize="изменение размеров экранной области браузера()">
<img src="img/fon/fon_blue.GIF" id="fon" style="position:absolute;top:0;left:0" width="800" height="600">
и дальше можно указывать за ним другие рисунки...

Наложение на верхний слой нижнего...

RE: background по ширине окна

IT-AleX — Mon, 23 Jul 2007 12:20:04 GMT

захотелось сделать эффект рабочего стола... а растягивать картинку.... я не собираюсь давать людям скролинг... всё в "окошках" а бакграунд можно менять пользователю... с повторяющимися небольшими рисунками (замощение ими рабочего пространства) меня как-то не прильщает.... исходить я хотел из условий что у человека может быть высокое разрешение и соответственно брал большие обои... но если у человекаразрешение маленькое хотел утягивать размер картинки до разрешения экрана... но вот что не нашёл так это где можно параметры картинки бэкграунда менять....

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

RE: background по ширине окна

pl — Fri, 20 Jul 2007 16:13:01 GMT

Растянуть нельза, управлять повтором можно: background-repeat: no-repeat

http://www.w3schools.com/css/css_background.asp