图片自适应/背景铺满
2020-10-16 本文已影响0人
程序媛_
body {
background: url(/happytime/img/index.jpg) no-repeat center center fixed;
background-size: 100%;//此处要注意，可以填cover也可以填100%。建议填100%
}
body{
background:url(beijingtu.gif) top left;
background-size:100%;
}
方法1：
<style>
body{
background:url(beijingtu.gif) top left;
background-size:100%;
}
</style>
方法二：
<body>
<div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="beijingtu.gif" height="100%" width="100%"/>
</div>
</body>
方法三：
先使用一个style标签
<style>
.background_img{
background:url("beijingtu.gif") no-repeat;
background-size: 100%; //这一设置把图片铺满整个背景
}
</style>
然后在body里使用
<body class="background_img"> 网页内容 </body>
