1

我有一个具有背景图像的页面<body>。图像可能只停留在页面底部并且在 x 上可见,我不希望它在 x 和 y 上重复整个身体。

图像如下所示;

瓦

我希望这张图片平铺在 x 上,但想从左右两侧重复。图像可以从左右两侧开始;

结构

在它们之间是内容<div>通过这样做,图像可能看起来好像它具有整个页面的宽度。我可以简单地使用 来执行此操作repeat-x,但它会在末尾部分创建一些不完整的图块部分。

完成的页面可能如下图所示;

在此处输入图像描述

这可能与 CSS 吗?我想你明白我在说什么。如果您想了解更多信息,请发表评论。

4

1 回答 1

1

你可以这样写:

div{
 background:url(image1.jpg) repeat-x bottom left,url(image1.jpg) repeat-x bottom right;
}
于 2012-05-11T09:55:12.700 回答