如何将 DIV 标签定位为悬停（z 索引）在表格单元格上
这听起来应该很容易，但由于某种原因，它并没有像我预期的那样工作。我的 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 标签，它也会禁用鼠标悬停事件，因此我无法执行工具提示。
任何对此的帮助都会很棒！
This sounds like it should be easy but for some reason it's not work as I would expected it. I have HTML that looks roughly like this:
<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>
Basically I want that DIV tag to hover over (z-index, not vertically on top of) the cell and then mess with the opacity and color of the DIV so that it looks like the entire cell is disabled (instead of just the SELECT tag).
The back story for this is that I want to disable the SELECT tag and then provide a tooltip to explain to the user why it's disabled. The trouble is once I disable the SELECT tag it also disables the mouseover event so I can't do a tooltip.
Any help on this would be great!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我相信沿着这些思路的东西会起作用：
除非父元素也被定位，否则 div 上的定位将无法正常工作
I believe something along these lines will work:
The positioning on your div won't work right unless the parent element is also positioned