博客

CSS 网页背景图片设置

  • Post author:
  • Post category:其他


<!DOCTYPE html>
<html> 
    <head>
        <meta charset="utf-8">
        <style>
            #login_background{ 
                /* div位置及大小,所在堆叠层设置 */
                position: fixed;
                top:0;
                left: 0;
                width: 100%;
                height: 100%;
                min-width: 1000px;
                z-index: -10;
                /* 背景图片设置 */
                background-image: url(20190712.jpg);
                zoom: 1;
                background-color: #ffff;
                background-repeat: no-repeat;
                background-position: center 0;
                background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
            }

        </style>
    </head>
    <body>
        <div id="web_content">
            <div id="login_background" alt="图片路径不正确"></div>
        </div>      
    </body>
</html>


版权声明：本文为u012664198原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。