Question

我对CSS很陌生，我肯定在这里遗漏了一些基本内容，但我真的无法弄明白。这是代码：

在HTML中我有这个：

<div class="tab-left"></div>

在CSS中：

.tab-left {
    background-image: url(images/left.png);
    background-repeat: repeat-y;
    position: absolute;
    width: 96px;
    height: 1049px;
    margin-left: -40px;
    z-index: 99999;
    }

但是，repeat-y属性不起作用。这是相关网站：http://ziontouch.com/wordpress/

我做错了什么？

Answer 1

你的重复工作正常。问题是height不够高，无法到达页面的下边缘。

Answer 2

背景重复。

问题在于.tab-left有明确的height设置，并不像您期望的那样高。

Answer 3

它有效但你的DIV元素的高度不够大，无法填满整个空间...

Answer 4

它正在重复，最高可达高度属性指定的1049px。

Answer 5

你应该使用更高的高度。

.tab-left {
    height: 1622px;
}

到达边界底部的开头。

Answer 6

只需使用以下代码替换：

.tab-left {
   background-image: url(images/left.png);
   background-repeat: repeat-y;
   position: absolute;
   width: 96px;
   height: 1610px;
   margin-left: -40px;
   z-index: 99999;
}

修改右侧标签是相同的

.tab-right { background-image: url(images/right.png); position: absolute; width: 96px; height: 1610px; margin-left: 864px; z-index: 99999; }

Answer 7

我看到你在页面中使用了jQuery，所以你可以使用jQuery来查找div #page的高度，并使用该值来设置tab-left和tab-right类的高度。

像这样：

$('div.tab-left').css('height',$('div#page').height());

$('div.tab-right').css('height',$('div#page').height());

然后，当内容添加到您的网页时，它会根据需要进行调整。

background-repeat：repeat-y;不工作

7 个答案: