html - 如何用div替换html背景图片？

Question

目前我使用以下 CSS 来显示 Twitter Bootstrap 网站的背景图片:

html {
    background:#505D6E url(/img/background.jpg) no-repeat center center fixed;
    min-height:100%;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

我必须用 div 替换它，因为我不能应用 jQuery 动画将一张背景图片更改为另一张。我应该如何创建全屏 div？

Answer 1

这将创建一个全屏 div:

HTML:

<div id="fullscreen">

</div>

CSS:

#fullscreen{
     border:1px solid black;
     height:100%;
     width: 100%;
     position: absolute; 
     top: 0; 
     left: 0;
 }