Question

我有以下css background:#e0e0e0 url(images/bodybg.gif) top center repeat-y;

我想要做的是将bodybg.gif扩展到100％，但我不确定如何做到这一点而不会失去该标签的效果。

谢谢！

Answer 1

将其更改为：

background:#e0e0e0 url(images/bodybg.gif) top center repeat-y 100%;

背景大小的数字或标签可以放在复合background样式的背景重复值之后。您可能还希望根据需要将背景大小更改为cover。

More from MDN

后台CSS属性是设置个人的简写样式表中单个位置的背景值。背景可以用于设置以下一个或多个的值：background-clip，背景色，背景图像，背景源，背景位置，背景重复，背景大小和背景附件。

And on background-size

background-size CSS属性指定背景的大小   图片。图像的大小可以完全约束或仅限制   部分是为了保持其内在比例。

[...]

封面：此关键字指定应将背景图像缩放到尽可能小的同时确保其尺寸   大于或等于相应的尺寸   背景定位区。

Answer 2

您可以添加background-size:cover;属性

background: #e0e0e0 url(images/bodybg.gif) no-repeat center fixed;
-webkit-background-size: cover; /* for Chrome et Safari */
-moz-background-size: cover; /* for Firefox */
-o-background-size: cover; /* for Opera */
background-size: cover;

CSS - 修改背景网址宽度

2 个答案: