Question

所以我正在尝试创建一个包含两个div元素的网页。一，一个图像。在第二个，background-color。但是有一个问题。图像无法到达屏幕边缘！我怎样才能做到这一点？我不想在宽度上使用定义器，我希望它在所有内容上都能很好地扩展。

<head>
        <title>Derr</title>
        <style>
            body {
                font-family: "Courier New", Courier, monospace;
            }
            .fadein {
                background-image: url("img.bmp");
                height: 549px
            }
        </style>
    </head>
    <body>
        <div class="fadein">
            <br><br><br><br><br>
        </div>
    </body>

使用Chrome。

Answer 1

你必须这样做

＆＃13;

   body{
     margin:0px;
   } 
    
    .fadein{
    background-image: url(http://lorempixel.com/400/200);
    background-position: center;
    background-size: cover;
    height: 100vh;
    }

＆＃13;

<body>
        <div class="fadein">
           
        </div>
    </body>

＆＃13;

全屏背景图片

1 个答案: