页面全屏背景图片

参考一：

<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>

参考三：转自：/article/4780191.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了。最后偷偷上传个实际效果图