如何拉伸背景图像以填充div

Question

我想为不同的div设置背景图像，但是我的问题是：

1. 图片尺寸为固定值（60px）。
2. 改变div的大小

如何拉伸背景图像以填充整个div背景？

#div2{
  background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png);
  height:180px;
  width:200px;
  border: 1px solid red;
}

Answer 1

加

background-size:100% 100%;

到背景图片下方的CSS。

您还可以指定确切的尺寸，即：

background-size: 30px 40px;