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

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