Фон сайта по центру окна.

@progressive · Регистрация: 26.03.2010

Author24 — интернет-сервис помощи студентам

Доброго времени суток. Я решил использовать на своем сайте скрипт, который меняет фон страницы в зависимости от времени суток. Скрипт выглядит так:

Javascript

<script language="JavaScript">
 
theTime = new Date();
 
theHour = theTime.getHours();
 
if(theHour>6&&theHour<18){
 
  document.write('<body background ="img/bg_day.jpg">');
 
}
 
else{
 
  document.write('<body background ="img/bg_night.jpg">');
 
}
 
</script>

Но дело в том, что мне необходимо, чтобы фоновая картинка находилась по центру окна. До использования скрипта, приведенного выше, в CSS у меня был такой пункт

HTML5

1	body {background: #fff url(img/bg_day.jpg) center fixed no-repeat;}

его я в последствии убрал из CSS, т.к. с ним скрипт не работает. Как мне отцентровать фоновую картинку?

Humanoid · 13.04.2010, 15:28

Оставь CSS, только не указывай саму картинку:

CSS

1	body {background: #fff center fixed no-repeat;}

Для <body> назначь id

HTML5

1	<body id="body">

Javascript

var theTime = new Date();
 
var theHour = theTime.getHours();
 
if(theHour>6&&theHour<18){
  document.getElementById("body").style.backgroundImage="url(img/bg_day.jpg)";
} else{
  document.getElementById("body").style.backgroundImage="url(img/bg_night.jpg)";
}

@progressive · 13.04.2010, 20:13 **[ТС]**

Спасибо, это то, что мне было нужно.

@progressive 0 / 0 / 0 Регистрация: 26.03.2010 Сообщений: 10
	13.04.2010, 20:13 [ТС]	3
	Спасибо, это то, что мне было нужно. 0