页面全屏背景图片

参考一:

<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%;
    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
        {
             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了。最后偷偷上传个实际效果图

原文地址:https://www.cnblogs.com/love9happy/p/4511530.html