2016-06-04 5 views
0

Простой HTML, CSS, JS сайт. Я хотел бы начать с черного фона и через несколько секунд переключиться на фоновый рисунок. Проблема, с которой я сталкиваюсь, заключается в том, что мой фоновый фон сидит за черным фоном, поэтому он не виден.заменить тело: фон с javascript

HTML

<body id="body" onload="changeBG()"> 

CSS

html, body { 
    margin: 0 auto; 
    font-size: 100%; 
    min-height:100%; /* this fixes bgimage issue on android */ 
    background: black; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

JS

var body = document.getElementById('body'); 
function changeBG() { 
    setTimeout(function(){ 
     document.body.style.background = "url('images/background-stars.jpg') no-repeat center center fixed"; 
     }, 3000); 
} 

ответ

0

Удалить HTML с CSS Правило, которое

ОТ

html, body { 

К

body { 

А также FYI, вы подаете фоновое изображение на каждом 3000ms интервала времени. Он должен применяться только после того, как я предполагаю.

+0

Работал, спасибо! –

Смежные вопросы