background-repeat：repeat-y;不工作

我對CSS很陌生，當然我在這裏缺少一些基本的東西，但我真的無法弄清楚。這是代碼：background-repeat：repeat-y;不工作

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

然而，重複y屬性不起作用。這是有問題的網站：http://ziontouch.com/wordpress/

我在做什麼錯？

來源

2012-03-20 George Grigorita

你的重複工作正常。問題是height不夠高，無法到達頁面的底部邊緣。

來源

2012-03-20 20:41:21

你說得對，但是沒有辦法重複與頁面高度有關的圖像嗎？如果頁面高度將通過添加新帖子而增加，我怎樣才能將左上角的圖片設置爲自動重複以便佈局保持不變？ – 2012-03-20 20:51:48

最簡單的方法是用9個單元格的'table'，或者使用'top：0px;底部：0px;'用適當的'位置'設置。 – 2012-03-20 20:55:31

背景是重複。

問題是.tab-left有一個明確的height集合，它不像您所期望的那麼高。

來源

2012-03-20 20:41:33 alex

它工作但你的div元素的高度是沒有大到足以填滿整個空間......

來源

2012-03-20 20:41:44

它是重複的，因爲你的身高屬性指定只是達到1049px。

來源

2012-03-20 20:41:47

你應該使用更高的高度。

.tab-left { 
    height: 1622px; 
}

這恰好達到了邊界底部的開始。

來源

2012-03-20 20:42:36 bevacqua

只需用下面的代碼替換：

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

來源

2012-03-20 20:45:47

我看到你在你的頁面使用jQuery，所以你可以做什麼使用jQuery來查找div＃頁面的高度，並使用該值設置製表符左側和製表符右側類的高度。

像這樣：

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

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

然後，當內容被添加到您的網頁，它會根據需要調整。

來源

2012-03-20 21:08:50 redlena

background-repeat：repeat-y;不工作

回答

相關問題