2

我不知道该怎么做，但我想要 2 个重复的纹理，一个向左重复，一个向右重复。

代替：

#header {
   background-image : Url('My_Two_Textures_Combined.png');
   background-repeat : repeat-x; /*Which repeats my joined textures a long the x axis*/
}

我想：

#header {
   background-image : Url('My_Left_Texture');
   background-repeat : repeat-x-left; /*Which would ideally repeat my texture to the left on the x axis*/
   background-image : Url('My_Right_Texture');
   background-repeat : repeat-x-Right; /*Which would ideally repeat my texture to the right on the x axis*/
}

我希望有办法做到这一点，因为我认为它在我的网站上看起来不错。我会尝试寻找其他方法来做到这一点，比如使用伪命令或其他东西。如果我发现任何东西，我会在这里发布！

4

4 回答 4

6

:before 和 :after 是一个很好的解决方案，但是您总是可以使用 CSS3 查看多个背景。显然，支持也有点有限： > IE8，但这也可以解决问题。

background-image: url(left.png), url(right.png);
background-position: left bottom, right bottom;
background-repeat: no-repeat;
于 2012-10-03T15:35:08.213 回答
3

并排编写两个 div 的标题。每个都有自己的纹理。

于 2012-10-03T15:34:12.237 回答
0

你可以这样做：http: //jsfiddle.net/9V2vE/9/（用图像替换背景颜色）

于 2012-10-03T15:41:10.670 回答
0

:before您可以使用像and之类的CSS 选择器:after，并将您的背景#header:before {}之一放在#header:after {}.

于 2012-10-03T15:32:39.963 回答