2

これを行う方法はわかりませんが、2つの繰り返しテクスチャが必要です。1つは左に繰り返し、もう1つは右に繰り返します。

それ以外の：

#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

2つのdivのヘッダーを並べて作成します。それぞれに独自のテクスチャがあります。

于 2012-10-03T15:34:12.237 に答える
0

あなたはこのようにそれをすることができます：http： //jsfiddle.net/9V2vE/9/（背景色を画像に置き換えてください）

于 2012-10-03T15:41:10.670 に答える
0

:beforeやのようなcssセレクターを使用:afterして、背景の1つをに、もう1つをに配置#header:before {}することができます#header:after {}。

于 2012-10-03T15:32:39.963 に答える