Question

我想将1920x1170像素/ 183KB的图像显示为背景图像，这是我的代码

.bground{
      height:auto;
      left:0;
      position:fixed;
      top:0;
      width:100%;

   }


<div class="bground" style="left:0px;">
<img src="Untitled-2.jpg" />
</div>

它显示图像正常，但问题是我只能看到一半的图像，而不是满的。当我右键单击时，菜单显示将图像另存为，复制图像，复制图像URL。我希望重新加载页面......等等....

如何更正。

由于让

Answer 1

您可以使用CSS3媒体查询来缩放背景图片：http://www.alistapart.com/articles/supersize-that-background-please/

Answer 2

您的CSS不完整，您可能应该将图像设置为背景图像（不确定，您没有提供有关您情况的更多详细信息）。尝试

.bground{
      height:auto;
      left:0;
      position:fixed;
      top:0;
      bottom: 0;
      right: 0;
      background-image: url(Untitled-2.jpg);
      background-position: left top; /* Adjust to liking */
      background-repeat: no-repeat;
   }

<div class="bground">
&nbsp;
</div>

Answer 3

hmtl, body { height: 100%; width: 100% }
.bground {
    width: 100%;
    height: 100%;
    background: url(Untitled-2.jpg) no-repeat center center;
}

<div class="bground">
</div>

您的图片可能已被剪切，因为＆lt; html＆gt;没有占用所有的屏幕空间。

Answer 4

html，body {身高：100％;宽度：100％} .background {width：100％;身高：100％;背景：url（Untitled-2.jpg）无重复中心; }

这是正确答案.........

使用CSS将1920x1170 / 183KB的图像显示为BG

4 个答案: