CSS：将图像设置为背景，保持其大小不变

Question

我正在使用大图像作为背景。但是，它总是自动调整大小（无法显示img的全高），如何处理呢？ 一种方法是将其高度设置为图像的高度。但是当我将该类重用于其他图像时，我必须多次更改高度。

#HTML
div.img-bg
  div.content
#CSS
.img-bg
background-image: .....

Answer 1

DEMO

尝试background-size: auto;（默认值）

如果您没有调整背景图片的大小并使用它的全尺寸，那么div.content应该与图像高度一样大。

因此，据我所知，您将宽度设置为.content，现在您可以尝试设置height或min-height以适合背景图像的高度。

如果没有设置高度，我猜你在图片上有类似内容。

UPDATED DEMO