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标签，它也会禁用鼠标悬停事件，因此我无法进行工具提示。

对此的任何帮助都会很棒！

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上的定位将无法正常工作

如何将DIV标记定位为在表格单元格上悬停（z-index）

1 个答案: