css - 什么 CSS 规则可以在不切断的情况下显示背景图像？

Question

我知道关于 CSS background-image 已经有无数的问题和答案，但不幸的是我找不到合适的答案；除此之外，一些答案已经很老了......

我的 CSS:

#showcase {
  min-height: 500px;
  background: url('../img/P1220784--grijs-1920.jpg') no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  color: #a21a21;
  background-color: rgba(255, 255, 255, .9);
  font-weight: 600;
}

对我来说几乎是完美的，只是在调整大小时，图像的边被切掉了。图片是人的照片，所以我要显示所有的人! (我应该补充一下，我使用的图像是 1920 * 798 像素) 这能做到吗？

谢谢， 广告

Answer 1

试试这个

background-size: contain;