IE9以下通过css让html页面背景图片铺满整个屏幕

第一种方法不设为背景图片，通过css来控制样式，可兼容到IE6，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="chaozhang5">
    <meta name="mail" content="chaozhang5@iflytek.com">
    <meta name="time" content="2015.08.03 10:28am">
    <title>亳州市药博会后台登陆</title>
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <div class="bg">
        <img src="img/pic-loginbg.jpg">
    </div>
</body>
</html>
body
,html {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 400px;
    z-index: -1;
}
.bg img {
    width: 100%;
    height: 100%;
}

方法二：参考 http://www.dowebok.com/demo/139/，可兼容到IE7.

posted @ 2015-08-04 10:34  张超12138  阅读(3789)  评论(0)  编辑  收藏  举报