Как расположить тег 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, он также отключает событие наведения мыши, поэтому я не могу сделать всплывающую подсказку.

Любая помощь по этому вопросу была бы великолепна!

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 не будет работать правильно, если родительский элемент также не позиционируется