0

我有以下问题：

我需要应用一个背景，上面有一个重复-y，以填充我的 div 垂直。现在我有一个问题，它不应该从顶部填充：0 而是从顶部 85px 填充，所以我需要类似的东西

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

用于在 css 中应用的背景。

我的问题的一些附加信息可以在这里找到：如何使用 HTML / CSS 根据内容高度放置响应式背景？

我怎样才能做到这一点？

我的结构如下：

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

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

如果我理解正确，只需将其更改为：

#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;
}

注意背景位置 y85px的代替center。

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

于 2013-01-06T22:19:37.850 回答
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 回答