0

これはおそらく非常に一般的な質問です。ただし、Web上のすべての回答を使用しようとしましたが、奇妙な理由でスタイルシートに衝突があるようです. コンテンツ全体で繰り返されるイメージ (布) パターンの背景があります。今、私は #container2 に左右の境界線の画像を 1 つ追加しようとしています (スレッドを使用して、現実的な布のように見せます)。しかし、これを行うたびにコンテナ全体が下に移動し、位置を調整すると消えます。

私が持っているコードは次のとおりです。

<div id="container">
<div id="container2">
<div id="header">

....................content...............

</div>
</div>
</div>

CSS:

#container { background: #323232 url(images/container-bg.png) repeat; position: relative; }
#container2 { background:  url(images/container-bg-right.png) repeat; min-height: 300px; padding: 0px 0 0px 3%; max-width: 1000px; margin: 0 5% 0 5%; }
#header { margin-bottom:50px; }

前もって感謝します。

4

2 に答える 2

1

背景に複数の画像を設定できます。これはまだすべてのブラウザでサポートされているわけではありません。

したがって、HTMLは次のようになります。

<div id="container">
  <div id="inset-borders">
    -- Content --
  </div>
</div>

CSS：

#inset-borders {
  background-image:url('left-border.png') left repeat-y, url('right-border.png') right repeat-y;
}
于 2012-05-11T05:54:57.470 に答える
0

したくないですか：

<div id="container"> </div>
<div id="container2"> </div>
<divid="header"> </div>

それとも、「container」の中に「container2」が必要ですか

于 2012-04-25T18:36:28.287 に答える