0

私は自分のワードプレスのテーマの背景を整えています。

ページの中央に配置し、左から右に水平に繰り返したい別の画像があります。

このウェブサイトhttp://www.tcs.com/homepage/Pages/default.aspxと非常によく似ています

ヒントや指示は大歓迎です。

ありがとうございました

4

3 に答える 3

2

これを実現するためにラッパーを使用します。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {
background-image: url(image1.jpg);
}
#wrapper {
background-position: center middle;
width:100%;
height:100%;
margin: 0px;
padding: 0px;
background-image: url(image2.jpg);
background-repeat: x-repeat;
}
</style>
</head>
<body>
<div id="wrapper">

</div>
</body>
于 2012-05-07T17:10:03.063 に答える
1

次のように、CSS3で複数の背景画像を設定できます。

body {
  background: url(first_image.png) top left no-repeat,
              url(second_image.png) center center repeat-x;
}

ルールはコンマで区切るだけです。かなり広くサポートされています。

これはあなたが探しているものですか？

http://jsfiddle.net/4S5HR/

于 2012-05-07T17:05:42.430 に答える
0

元の背景画像がどこにあるかによって異なります。このようにhtmlに添付されていた場合

html {
    background: url(original-background.png) top left repeat-x;
    }

このように、繰り返し横方向の画像をボディに添付できます

body {
    background: url(repeating-background.png) top center repeat-x;
    }

あなたのcssがどのようになっているのか、さらに詳細を教えてください。より詳細な回答を提供できますが、これは必要なものに役立つはずです。

于 2012-05-07T17:04:57.567 に答える