如何定位一個DIV標籤懸停在表格單元格上（z-index）

Question

這聽起來像應該很容易，但由於某種原因，它並不像我期望的那樣工作。我有HTML，看起來大致是這樣的：

<TD align="center"> 
<DIV style="position: relative; z-index: 2; top: 0; left: 0; width: 100%; height: 100%"> 
</DIV> 
<SELECT DISABLED> 
<OPTION>Option 1 
<OPTION>Option 2 
</SELECT> 
</TD> 

基本上我想要的是DIV標籤（z-index的，不是垂直於頂部）的單元格，然後亂用DIV的不透明度和顏色，以便將鼠標懸停在它看起來像整個單元格被禁用（而不僅僅是SELECT標籤）。

這個背後的故事是，我想禁用SELECT標籤，然後提供一個工具提示向用戶解釋爲什麼它被禁用。麻煩是一旦我禁用SELECT標籤，它也禁用了mouseover事件，所以我不能做一個工具提示。

任何幫助，這將是偉大的！

Answer 1

我相信這些方針將工作：

<TD align="center" style="position: relative; z-index: 1;"> 
<DIV style="position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%"> 
</DIV> 
<SELECT DISABLED> 
<OPTION>Option 1 
<OPTION>Option 2 
</SELECT> 
</TD> 

您的div的定位將無法正常工作，除非父元素也被定位