Question

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

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

可能这很容易，但我没看到怎么做。

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

感谢。

Answer 1

您需要将容器包装在具有背景的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>

在容器中使用网格背景图像

1 个答案: