Question

我有一个div的bg图像，它本身的高度和宽度都是100％（即它覆盖了整个浏览器窗口）。

虽然此图像从底部被切掉了。我已经尝试过像background-size这样的东西：封面;和身高：100％;宽度：100％。似乎没有什么能阻止底部被切断。我尝试调整src图像本身的大小，使其变小，底部仍然被切断？

HTML：

<div id="des" class="full-window">
</div>

CSS：

#des {
    background: url("bg.png");
    background-size: 100% 100%;
}

.full-window {
    width: 100%;
    height: 100%;
}

Answer 1

您缺少背景属性以适应图像而不进行切割。试试这个

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Answer 2

我没有足够的代表发表评论，所以请不要标记我的答案＆＃34;我只是想帮助那些人...尝试：

max-height：100％;

背景图像在底部被切断

2 个答案: