CSS - 我可以通过改变宽度和高度来调整背景图像的大小吗？

Question

鉴于以下CSS规则，

#block1 {
 text-indent: -1000em;
 background: transparent url(../images/xxx.png) no-repeat scroll center center;
 width: 100px;
 height: 50px;
 display: inline-block;
}

假设图像xxx.png的尺寸为100px×50px。 如果我需要让＃block1上显示的图像看起来更小，我可以简单地改变＃block1的宽度和高度，或者我必须先重新调整图像的大小，然后相应地改变＃block1的宽度和高度。

谢谢

Answer 1

你不能在CSS1和2中，但CSS3支持background-size属性，如果你设置为100％应该给你你想要的东西。

但是，您可能只应调整背景图像的大小，除非您有令人信服的理由不要:)

Answer 2

CSS只能定位图像，而不能调整图像。 如果您绝对需要通过CSS调整图像大小，则必须将图像实际插入为img标记，然后将其放在内容后面。 最好只是编辑它。

Answer 3

不，图像看起来会被裁剪掉。