0

私は次の問題を抱えています：

divを垂直に塗りつぶすために、繰り返しyが付いた背景を適用する必要があります。今私は問題を抱えています、それは上から0からではなく、上から85ピクセル離れたところから埋められるべきなので、次のようなものが必要です

position:absolute;
top:85px;
bottom:85px;

cssで適用される背景の場合。

私の問題に関するいくつかの追加情報はここにあります：HTML / CSSを使用してコンテンツの高さに応じてレスポンシブ背景を配置する方法は？

どうすればそれを達成できますか？

私の構造は次のとおりです。

<content><innercontent></innercontent></content>

コンテンツにはブラウザの全幅があり、innercontentには固定幅があります。

#content {
    background: 
    url("images/bg-top.png") no-repeat scroll center top, 
    url("images/bg-bottom.png") no-repeat scroll center bottom, 
    url("/images/bg-middle.png") repeat-y scroll center center transparent;
    position:relative;
}

誰かが私を助けることができますか？

4

2 に答える 2

0

ついに私はそれを見つけました：

これでdivを作成するだけです：

#middle-stripe {
  background: url("/wp-content/themes/vitaphone/library/images/bg-middle.png") repeat-y scroll center center transparent;
   position: absolute;
   top:85px;
   bottom:85px;
   width:100%;
 }
于 2013-01-06T22:28:01.140 に答える
0

私があなたを正しく理解しているなら、単にこれに変更してください：

#content {
    background: 
    url("images/bg-top.png") no-repeat scroll center top, 
    url("images/bg-bottom.png") no-repeat scroll center bottom, 
    url("/images/bg-middle.png") repeat-y scroll center 85px transparent;
    position:relative;
}

背景位置yの85px代わりに注意してください。center

http://jsfiddle.net/ghKb2/1/

于 2013-01-06T22:19:37.850 に答える