设置divs背景图像以适合其大小？

Question

我有一个<div>背景图片.

该<div>尺寸可在该时间而改变.

是否可以设置Divs背景图像以适合<div>大小？

让我说我有一个div 400x400和一个图像1000x1000,是否可以缩小图像400x400,因此适合<div>大小？

Answer 1

如果你想使用CSS3,你可以很简单地使用背景大小,如下所示:

background-size: 100%;

它受到所有主流浏览器(包括IE9 +)的支持.如果您想在IE8中使用它,请查看此问题的答案.

Answer 2

使用background-size用于这一目的:

background-size: 100% 100%;

更多关于:

http://www.w3schools.com/cssref/css3_pr_background-size.asp

Answer 3

使用background-size属性来实现这一点.你应该选择cover,contain以及100%-取决于究竟你想要得到.

Answer 4

您可以使用background-size属性实现此目的,现在大多数浏览器都支持该属性.

要缩放背景图像以适合div:

background-size: contain;

缩放背景图像以覆盖整个div:

background-size: cover;