Question

我有psd文档，我的网站应该是这样的： enter image description here

主要内容已修复width:1200px 背景图像宽度为2000px，高度为1100px 背景应该像中间的图片一样定位。但是当screen width大于1200px时，左侧和右侧应该有一些深蓝色。问题是，这不是颜色，它是一个有一些装饰的图片（如果你看起来在图片上你可以看到它）那么放置和定位这张背景图片的解决方案是什么？更新：我的HTML（简化）

<HTML>
<BODY style="width:1200px;background-image:url('background.png')">some content</BODY>
</HTML>

Answer 1

如果您只需要在现代浏览器上使用它，您可以为身体使用多个背景图像（http://www.css3.info/preview/multiple-backgrounds/）

将主图像（2000像素）宽一个居中，然后重复另一张图像？使两个图像的文件大小都尽可能小，并尽可能使用背景重复来保持快速的页面加载时间。

Css背景图像位置问题

1 个答案: