twitter-bootstrap：使行（div）背景图像自动缩放和居中填充100％？

Question

我有一个Bootstrap页面，其中一些行有背景图像。是否有一种方法（最好是css）来缩放这样的背景图像，这样它总是居中并且填充div 100％？

所以我不是指整个页面的全屏背景图像（如this），它只需要填充div（通常是我的bootstrap容器中的一行）。

我的意思是这样的：

因此无论显示分辨率和div的实际屏幕尺寸如何，其背景图像都应相应缩放，以便完全填充div 。图像应该不伸出比例，这意味着图像的一部分通常会落在div之外，向上/向下或向左/向右（除非div恰好具有精确度）与图像相同的纵横比）。

此外，图像应居中，即背景图像的中间应位于div的中间。

我已尝试使用background-size:100% auto或auto 100%的各种事情，这似乎可以在一个方向上正常运行，但我似乎无法找到适用于所有情况的通用解决方案。< / p>

Answer 1

当然，您可以将相同的想法应用于任何元素：

mouseover