css重複部分路

Question

是否有一種方法只能重複一個div的背景部分。我想有一個背景repeat-y，比如div的90％，然後對底部有不同的背景。現在我有兩種背景，但是由於底部有一個漸變，可以清除背景上方的重複背景。

Answer 1

我想說最簡單的方法是在當前的一箇中創建額外的<div>。將<div>的高度設置爲90％，並將的背景替換爲而不是<div>。

例如

HTML

<div id="outer-div"> 
    <div id="inner-div">...content...</div> 
</div> 

CSS

/* example outer div */ 
#outer-div 
{ 
    height:500px; /* This is an example rule */ 
    width: 200px; /* This is an example rule */ 
} 

#inner-div 
{ 
    height:90%; 
    background:#000; 
} 

Answer 2

它可以創建只使用一個DIV與CSS3多背景：

background: 
    url(bottom.png) no-repeat,  /* On top, like z-index: 2; */ 
    url(top.png) repeat-y,   /*   like z-index: 1; */ 

重複你的頂部圖像，底部圖像會然後在此顯示。