バックグラウンドリピート：repeat-y;役に立たなかった

Question

私は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のプロパティが動作しません：CSSで

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

：HTMLで

は、私はこれを持っている：これは、コードです。これは問題のサイトです：http://ziontouch.com/wordpress/

私は間違っていますか？

Answer 1

あなたの繰り返しはうまくいきます。問題は、heightがページの下端に達するのに十分な高さではないことです。

Answer 2

背景は、です。

問題は、.tab-leftに明示的なheightが設定されていることです。これは、期待したほどの高さではありません。動作しますが、あなたのDIV要素の高さが全体のスペースを埋めるために十分な大きさではありませんそれ

Answer 3

...

Answer 4

それは、繰り返しているだけで、あなたのheight属性で指定され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; 
} 

EDIT 右のタブには、私はあなたが何ができるかので、あなたのページにjQueryのを使用していることがわかり同じ

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

Answer 7

ですjQueryを使用してdiv＃ページの高さを見つけ、その値を使用してタブの左と右のクラスの高さを設定します。このよう

：コンテンツがページに追加されたとして

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

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

はその後、それは、必要に応じて調整します。