是否可以用CSS设置背景图像的大小?
我想做的事情是:
background: url('bg.gif') top repeat-y;
background-size: 490px;
但这样做似乎是完全错误的……
是否可以用CSS设置背景图像的大小?
我想做的事情是:
background: url('bg.gif') top repeat-y;
background-size: 490px;
但这样做似乎是完全错误的……
当前回答
如果你想在相同的background属性中设置background-size,你可以使用use:
background:url(my-bg.png) no-repeat top center / 50px 50px;
其他回答
背景尺寸:200px 50px 将其改为100% 100%,它将根据内容标签的需要缩放,如ul li或div…试过
不要太难,如果你不怕更深入一点的话:)
有一个被遗忘的论点:
background-size: contain;
这不会像封面那样拉伸你的背景图像。它会一直拉伸,直到较长的一边达到外容器的宽度或高度,从而保存图像。
编辑:还有-webkit-background-size和-moz-background-size。
IE9+、Firefox 4+、Opera、Chrome和Safari 5+支持background-size属性。
-资料来源:W3 Schools
您无法使用当前版本的CSS(2.1)设置背景图像的大小。
您只能设置:位置,固定,图像-url,重复模式和颜色。
background-size在Chrome 4.1中工作,但到目前为止,我不能使它在Firefox 3.6中工作。
只需有嵌套的div跨浏览器兼容
<div>
<div style="background: url('bg.gif') top repeat-y;min-width:490px;">
Put content here
</div>
</div>