是否可以用CSS设置背景图像的大小?
我想做的事情是:
background: url('bg.gif') top repeat-y;
background-size: 490px;
但这样做似乎是完全错误的……
当前回答
不要太难，如果你不怕更深入一点的话:)
有一个被遗忘的论点:
background-size: contain;
这不会像封面那样拉伸你的背景图像。它会一直拉伸，直到较长的一边达到外容器的宽度或高度，从而保存图像。
编辑:还有-webkit-background-size和-moz-background-size。
IE9+、Firefox 4+、Opera、Chrome和Safari 5+支持background-size属性。
-资料来源:W3 Schools
其他回答
你写过
background: url('bg.gif') top repeat-y;
background-size: 490px;
但是你只能看到背景，这取决于容器的大小。
如果你有一个带有background url和background-size的空容器，你将看不到bg.gif。
如果你将容器的大小设置为
background: url('bg.gif') top repeat-y;
background-size: 490px;
height: 490px;
width: 490px;
结合上面编写的代码，您将能够看到bg.gif文件。
如果你的用户只使用Opera 9.5+， Safari 3+， Internet Explorer 9+和Firefox 3.6+，那么答案是肯定的。否则,没有。
background-size属性是css3的一部分，但它不能在大多数浏览器上工作。
为了您的目的，只需将实际图像放大。
background-size在Chrome 4.1中工作，但到目前为止，我不能使它在Firefox 3.6中工作。
如果你想在相同的background属性中设置background-size，你可以使用use:
background:url(my-bg.png) no-repeat top center / 50px 50px;
不要太难，如果你不怕更深入一点的话:)
有一个被遗忘的论点:
background-size: contain;
这不会像封面那样拉伸你的背景图像。它会一直拉伸，直到较长的一边达到外容器的宽度或高度，从而保存图像。
编辑:还有-webkit-background-size和-moz-background-size。
IE9+、Firefox 4+、Opera、Chrome和Safari 5+支持background-size属性。
-资料来源:W3 Schools
