css - 在所有内容之上有一个重复的图像

Question

我在获得我想要的特定外观时遇到了一些麻烦。

我应用了基本的 Wordpress Twenty-F​​ifteen 主题，我正在尝试让一个 200 像素宽的红色条出现在屏幕的右侧。

该条由重复的 200x1 像素图像组成。

问题是:

• A.) 如果我将其设置为“背景图像”，则重复有效，但是我无法将图像置于顶部。
• B.) 如果我将图像设置为 IMG在 DIV 中，然后我可以将图像置于顶部，但不再重复。

谁能帮我把这两个组合成一个结果，重复 image-y 和 image on top？

你可以在这里看到我的网站:http://u64.ca/

Answer 1

试试这个，将它添加到您的 css 中。这将影响#main 标签内直接出现的所有内容。

#main > * {
margin-right: 200px;
}

或者您可以对 .site-content 应用边框权利并丢失背景图像。

.site-content {
    border-right: 189px solid #db0f12;
}