html一些笔记

页面背景经常需要拉伸，若是用css中background属性是不行的，它只能让背景图平铺。

在网上找了一些资料，总结了一下，有两种：

一是直接用绝对定位在页面中添加img标签作为背景；

二是通过js+css控制效果，但看了一下，思路其实是一样的。

我在写页面的时候采用的是第一种方法，感觉更为快捷一些：

    <body>
        <div id="background"><img src="图片路径"></div>
        <div id="body"></div>
    </body>
html, body {
    margin: 0;
    padding: 0;
}
#background {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
#background img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
#body {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

body div中用于添加页面主体

posted @ 2013-07-31 00:54  小方F  阅读(152)  评论(0)  编辑  收藏  举报