调整广告皮肤的背景大小

Question

我试图解决问题。我有一个背景广告（皮肤），我必须增加尺寸：两个网站都提供相同的adv，但其中一个网站有一个更大的容器。

我尝试使用background-size属性，但是当我尝试设置＆＃34; 110％＆＃34;背景的行为与窗口有关，因此如果我调整浏览器大小，则皮肤会跟随浏览器。

我可以增加背景的大小，使其保持在容器的中心位置吗？

Answer 1

使用background-size:cover可以使（居中的）图像在容器元素的整个大小上伸展。例如：

.background {
   background: url(image.jpg) 50% 50% no-repeat;
   background-size: cover;
}

尝试缩放this example fiddle中的结果字段。无论采用何种格式，您都会看到图像缩放以填充div。详细了解如何使用background-size: cover on CSS tricks。