页面全屏背景图片

参考一：

<div id="div1"><img src="img.jpg" /></div>

div#div1{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:-1;
} 
div#div1 > img {
    height:100%;
    width:100%;
    border:0;
}

参考二：background-attachment:fixed; 

<style type="text/css"> 
body 
{
background-color:#FFFFFF;
background-image:url(/uploadfile/2013-11/20131128153749666.png);
background-attachment:fixed;
background-repeat:repeat-x; 
background-position:50% 100%;
}
</style>

参考三：转自：http://www.cnblogs.com/dolphinX/p/3292997.html，版权归原作者所有

CSS hack

等了这么久主角CSS hack终于可以登场了，亏我没去学导演，主角要指定砍我，也不必太激动，刚才不是使用-moz-神马的了吗，也算是露脸儿了，这次让它领衔，看看怎么使用CSS hack让怪异模式的IE也能有类似于position:fixed的效果

.cover
        {
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: -10;
            _position: absolute;
            _top: expression(eval(document.body.scrollTop));
            _left: expression(eval(document.body.scrollLeft));
        }

本来前缀”_”只有IE6能够认识，不过在怪异模式下所有IE都能认识，所以IE下hack代码会覆盖上面的代码，可以expression表达式了解一下，还有在怪异模式下document.documentElement.scrollHeight这样的写法是取不到正确结果的，得像上面document.body.scrollTop这么写，聪明的同学如果看过CSS hack也能够很轻松的写出正常模式下的code了。最后偷偷上传个实际效果图