0

在尝试完成我的博客的布局时，我遇到了一个我似乎无法解决的问题。我有两种不同的背景想要用于我的博客。其中一个背景仅用于博客的标题。我想添加的另一个背景是其余的。我一直在尝试找到一种方法，让我的身体背景在如此多的间隔后重复，但运气不佳。

如果有办法在某个位置之后有一个背景重复-y，那将是完美的。但从我的搜索来看，这似乎是不可能的。如果有另一种方法可以实现这一点，那将非常有帮助。

这是我要编辑的网站。

如您所见，标题具有正确的背景，但我想不出一种方法来在其他任何地方获取该背景。为澄清起见，背景标题在主页/搜索按钮下方有蓝色背景，这就是为什么我不能只有一个重复标题。

我刚刚对我的网站进行了一些编辑，我必须看起来非常接近我想要的样子。我做了更多“足够好”的快速修复。我只是重复了标题背景，它在大多数情况下看起来都不错。现在唯一的问题是作为标题一部分的蓝色条有时会显示在屏幕底部，我想这没关系。如果有人有更好的解决方案，我很想听听。

4

1 回答 1

1

当您指定“repeat-y”时，据我所知，不可能让背景在某个坐标后开始重复。

但是，由于您有 2 个不同的背景，因此您不需要这样做。

只需先指定非重复背景，并具有足够的尺寸；它会隐藏另一个

这个 CSS

.test1 {
    background-image: linear-gradient(90deg, black, red), linear-gradient(0deg, white, yellow);
    background-position: 0px 0px, 0px 0px;
    background-size: 100% 100px, 100% 50px;
    background-repeat: no-repeat, repeat-y;    
}

产生黑色和红色的顶部，然后是重复的黄色条纹图案

演示

从您的示例中不清楚这是否足够；如果不是，您将需要另一个背景，在第一个和第二个之间，以隐藏​​所需的重复背景量

于 2013-07-07T20:36:20.570 回答