td中元素與位置：相對重疊在另一個位置：固定元素

我有一個謎要解決：在我的網頁上有一個固定頂部面板div（類似於gmail的頂部面板）。下面，我有一個表與幾個細胞，最後一個單元格的定義是這樣的：td中元素與位置：相對重疊在另一個位置：固定元素

<td class="col-time"> 
    <div title="średnie: 180, maksymalne: 186, minimalne: 142" class="hr-avg"> 
     <span>180 (89%) </span>/ <span class="hr-max">186 (92%) </span> 
    </div> 
</td>

的小時，平均適用位置：相對風格。

問題是：當滾動時，表格被隱藏在頂部面板下（面板的不透明度爲1）。但令我感到驚訝的是，定位的單元格：相對風格不隱藏在面板下。面板&單元格的內容重疊（它給出了頂部面板僅對該單元格具有不透明度的效果）。有人可以解釋這種行爲嗎？

謝謝你，帕維爾

來源

2011-10-11 dragonfly

可以請你分享一下代碼...將很容易理解，然後 – Varun

這應該給你的頂部面板固定的div一個z-index比任何必須低於它更高。

這隻發生在hr-avg的原因是因爲它可能是除頂部面板之外的唯一元素，它具有position而不是static。然後，因爲它出現在HTML的頂部面板之後，默認情況下它會堆疊在頂部（因爲它們都沒有z-index）。

將頂部面板的z-index設置爲像99999這樣的高數字應該可以解決您的問題（數量最多的是，您仍然可以將內容堆疊在內容中，而不會超出頂部面板）。

來源

2011-10-11 10:15:35 Kokos

thx！ Z-index解決了這個問題。但是，這是否意味着設置位置：相對影響元素在「堆棧」中的位置？ – dragonfly

@dragonfly，'position：static;'（默認值）的元素不包含在'堆棧'中。它們總是低於任何具有「relative」，「absolute」的「位置」的元素。當多個元素動態定位時，順序將基於「z-index」，並且如果沒有指定z-index （或者他們是相同的），他們將按DOM位置排序。 – Kokos

你有什麼參考嗎？ http://www.w3schools.com/css/css_positioning.asp - 我發現這個「...相對定位的元素的內容可以移動並重疊其他元素，但元素的保留空間仍然保留在正常流量......「，但它不完全是你的嗎？ – dragonfly

td中元素與位置：相對重疊在另一個位置：固定元素

回答

相關問題