0

我正在使用骨架框架来构建网站，并且在设计过程中我想将 960px 的网格图像作为背景，因为它更容易构建所有元素。

但是如果我将网格图像作为主体背景，图像与 960px 容器不匹配，如果我将网格图像作为 960px 容器的背景，则图像不会显示在浏览器中。

可能这很容易，但我不知道该怎么做。

也欢迎任何其他关于如何在设计过程中查看网格的提示。

谢谢。

4

1 回答 1

0

您需要将容器包装在带有背景的 div 中。然后只需将您的内容放入容器 div 中。很简单，还有很多其他方法可以做到这一点，这是我的首选方式，因为在未来的设计中，您会在向容器 div 添加内容时注意到填充和边距问题

.wrapper {

background-image: url ('../YOURSITE/IMAGE.JPG');
width: 960px;
background-repeat: repeat;
}
.container {

width: 960px;
}

<html>
<body>

<div class="wrapper">

<div class="container">

</div>
<!--end container-->
</div>
<!--end wrapper-->

</html>
</body>
于 2013-04-03T06:36:08.417 回答