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

图片自适应/背景铺满

作者: 程序媛_ | 来源:发表于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