-1

ページにタイトルを含める方法を検討していたところ、この Web サイトにたどり着きました: (下の画像を参照)。私が抱えている問題は、上部に 1 つのタイトル画像しかなく、下部まで繰り返されないことです。メイン div で css background-image:url(image) を使用しましたが、繰り返し画像の問題が発生します。この問題に関するヘルプや洞察は大歓迎です。

編集: 残りの背景を最後まで繰り返す必要があります。残りの背景を別の画像にすることは解決策の一部かもしれないと思いますが、タイトル画像の div を同じレイヤーに強制できるかどうかはわかりません。私は HTML と CSS に慣れていないので、洞察は貴重です。また、これは私が見つけることができる最高のウェブサイトの例です。気分を害する場合は、より良い例で編集してください. ありがとう！

ここに画像の説明を入力

4

2 に答える 2

1 
background-repeat:no-repeat;

これは、背景画像を繰り返さない CSS のトリックです。

これをまだ知らなかったのなら、どうやってこのウェブサイトにたどり着いたのですか？

あなたのリンクから

body {
  background: none repeat scroll 0 0 #000000;
  color: #FFFFFF;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0;
}
#wrapper {
  background: url("/marines-theme/images/layout/body-background.jpg") repeat-x scroll left 23px rgba(0, 0, 0, 0);
  margin: 0 auto;
  min-width: 980px;
  overflow-x: hidden;
}
#overview-wrap {
  background: url("/image/image_gallery?uuid=a394504c-a638-449e-bb56-b517cfe7d3ee&groupId=10162&t=1349957392552") no-repeat scroll center top #000000;
}

これらは次のようにネストされたマークアップです。

<body>
    <div id="wrapper">
        <div id="overview-wrap"></div>
    </div>
</body>

それはそれについてです。

ps。表示したいもののスクリーンショットを追加しました。（今は役に立たない）リンクを削除できますか？

于 2013-11-13T17:53:33.477 に答える
1

以下の CSS を使用して実行できます。

#elemId
{
 background: #00ff00 url('testimage.jpg') no-repeat top left;
}

それが役立つことを願っています

于 2013-11-13T18:48:32.063 に答える