Консультация № 59756
22.10.2006, 10:12
0.00 руб.
0 3 3
Как можно установить фон (картинку) чтобы она не прокручивалась во время прокрутки страницы?

Обсуждение

давно
Бакалавр
7287
292
22.10.2006, 10:21
общий
это ответ
Здравствуйте, 2!

Например по справочнику Климова.
body background="./img/bg.gif" bgproperties=fixed
Неизвестный
22.10.2006, 10:28
общий
это ответ
Здравствуйте, Томша Павел!
Необходимо создать таблицу стилей - .css, где нужно прописать:
<b>background-image</b>
указывает фоновое изображение для данного элемента. В качестве значения указывается URL-адрес графического файла.
<b>background-repeat</b>
определяет, будет ли дублироваться фоновое изображение, а если будет то в каком направлении. При этом возможны следующие значения этого свойства:
repeat - изображение дублируется в вертикальном и горизонтальном направлениях;
<u>repeat-X</u> - изображение дублируется только в горизонтальном направлении;
<u>repeat-Y</u> - изображение дублируется только в вертикальном направлении;
no-repeat - изображение не дублируется. При этом оно будет отображено только один раз
<b>background-attachment</b>
устанавливает, будет ли фоновое изображение фиксироваться в окне браузера или будет прокручиваться вместе с документом в процессе его прокрутки. В соответствии со своим значением может принимать одно из двух значений
<u>fixed</u> - фоновое изображение задаётся как фиксированное;
<u>scroll</u> - фоновое изображение будет прокручиваться вместе с документом.
Также посмотрите дополнительно вот это:
<a href=http://www.htmlmanual.narod.ru/index.html>Справочное руководство по HTML и CSS</a>
<a href=http://www.webmasterschool.ru/css/ch2.php>Web-мастер - курс молодого бойца</a>
Неизвестный
22.10.2006, 16:30
общий
это ответ
Здравствуйте, Томша Павел!
Используйте скрипт приведенный в приложении.
Успехов!


Приложение:
<SCRIPT language=JavaScript><!-- Beginwindow.onerror = null;var topMargin = 86;var slideTime = 950;var ns6 = (!document.all && document.getElementById);var ie4 = (document.all);var ns4 = (document.layers);function layerObject(id,left) {if (ns6) {this.obj = document.getElementById(id).style;this.obj.left = left;return this.obj;}else if(ie4) {Layerfloat.style.left=left;}else if(ns4) {this.obj = document.layers[id];this.obj.left = left;return this.obj; }}function layerSetup() {floatLyr = new layerObject(‘Layerfloat‘, 5);window.setInterval("main()", 4)}function layerSetup2() {floatLyr = new layerObject(‘Layerfloat2‘, pageWidth -114);window.setInterval("main()", 4)}function floatObject() {if (ns4 || ns6) {findHt = window.innerHeight;} else if(ie4) {findHt = document.body.clientHeight; }} function main() {if (ns4) {this.currentY = document.layers["Layerfloat"].top;this.scrollTop = window.pageYOffset;mainTrigger();}else if(ns6) {this.currentY = parseInt(document.getElementById(‘Layerfloat‘).style.top);this.scrollTop = scrollY;mainTrigger();} else if(ie4) {this.currentY = Layerfloat.style.pixelTop;this.scrollTop = document.body.scrollTop;mainTrigger(); }}function mainTrigger() {var newTargetY = this.scrollTop + this.topMargin;if ( this.currentY != newTargetY ) {if ( newTargetY != this.targetY ) {this.targetY = newTargetY;floatStart();}animator();animator2(); }}function floatStart() {var now = new Date();this.A = this.targetY - this.currentY;this.B = Math.PI / ( 3 * this.slideTime );this.C = now.getTime();if (Math.abs(this.A) > this.findHt) {this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;this.A = this.A > 0 ? this.findHt : -this.findHt;}else {this.D = this.currentY; }}function animator2() {var now = new Date();var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;newY = Math.round(newY);if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {if ( ie4 )document.all.Layerfloat2.style.pixelTop = newY;if ( ns4 )document.layers["Layerfloat2"].top = newY;if ( ns6 )document.getElementById(‘Layerfloat2‘).style.top = newY + "px"; }}function animator() {var now = new Date();var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;newY = Math.round(newY);if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {if ( ie4 )document.all.Layerfloat.style.pixelTop = newY;if ( ns4 )document.layers["Layerfloat"].top = newY;if ( ns6 )document.getElementById(‘Layerfloat‘).style.top = newY + "px"; }}function start() {if(ns6||ns4) {pageWidth = innerWidth;pageHeight = innerHeight;layerSetup();floatObject();layerSetup2();floatObject();}else if(ie4) {pageWidth = document.body.clientWidth;pageHeight = document.body.clientHeight;layerSetup();floatObject();layerSetup2();floatObject(); }}// End --></SCRIPT><DIV id=Layerfloat style="POSITION: absolute"><SCRIPT>//<!--document.write(‘<script language=JavaScript src=http://web_world.ru/rot.php?num=11931&c=‘+Math.round(Math.random() * 100000)+‘></script>‘);// --></SCRIPT></DIV><DIV id=Layerfloat2 style="POSITION: absolute"><!-- Mestkom code BEGIN --><SCRIPT language=JavaScript src="dynamic_script.html"></SCRIPT><!-- Mestkom code END --></DIV><SCRIPT language=javascript>start()</SCRIPT>
Форма ответа