0

我正在尝试将图像设置在我的网站背面。我希望它覆盖整个屏幕，但每次我移动屏幕时，图像都会放大。

例如。如果我的图像是笑脸，当窗口占据一半屏幕时，它会显示四分之一的屏幕，当窗口占据全屏时，图像会占据一切，但你只看到一只眼睛和一部分的微笑。

这是我的html

<body>
    <div id="bWrapper" >
    </div>
</body>

这是我的CSS

    body{

    }

    #bWrapper{
        background-size:100$ 100%;
        background-repeat:no-repeat;
        /* Set rules to fill background */
        min-height: 800px;
        min-width: 1124px;

       /* Set up proportionate scaling */
       width: 100%;
       height: 100%;
       position:absolute;
   }
4

1 回答 1

0

您还需要为 body 提供 width:100% 和 height:100%

html,body
{
  width:100%;
  height:100%;
}
于 2014-03-05T18:55:24.843 回答