美文网首页
图片自适应/背景铺满

图片自适应/背景铺满

作者: 程序媛_ | 来源:发表于2020-10-16 11:14 被阅读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>

相关文章

网友评论

      本文标题:图片自适应/背景铺满

      本文链接:https://www.haomeiwen.com/subject/hikzpktx.html