錨重疊的div

Question

我正在使用基於網格的佈局，有兩個主要部分。圖表和時間表。

格拉夫，含有梯度垂直條，HTML類似於：

<div id="graph" class="container_160"> 
    <div id="Jan-97" class="grid_1 major"><a href="#">&nbsp;</a></div> 
    <div id="Feb-97" class="grid_1 minor"><a href="#">&nbsp;</a></div> 
    <div id="Mar-97" class="grid_1 minor"><a href="#">&nbsp;</a></div> 
    <div id="Apr-97" class="grid_1 minor"><a href="#">&nbsp;</a></div> 
    <div id="May-97" class="grid_1 minor"><a href="#">&nbsp;</a></div> 
    etc... 
</div> 

時間軸中，包含水平條，HTML類似於：

<div id="timeline" class="container_160"> 
    <div id="bar1" class="grid_32 suffix_128"><a href="#">&nbsp;</a></div> 
    <div id="bar2" class="prefix_32 grid_24 suffix_104"><a href="#">&nbsp;</a></div> 
    <div id="bar3" class="prefix_58 grid_7 suffix_95"><a href="#">&nbsp;</a></div> 
</div> 

時間軸相對定位以格拉夫使其重疊。我的問題是，當這些div重疊時，時間軸中的錨停止工作。我對CSS和Jquery解決方案都開放。提前致謝。

t。

Answer 1

元素重疊時，一個元素將始終「停用」。您可以控制z軸以定義哪個元素位於頂部，因此保持「有效」。使用CSS：z-index。數字越大意味着越多。

樣本：

#graph { z-index: 2; } 
#timeline { z-index: 1; }