HTML テーブル内の要素のツールチップの作成に問題があります。基本的に私はこれを持っています:
Table1
a b
c d
Table2
a b
c d
すべての要素 (a、b、c、d) は、画像と説明をホストする空の段落で構成されます。すべてonMouseOver=showDescription(idParagraphToBeShowed, Text)
の画像には、マウスをホバーすると画像の説明を表示する機能があります。<td>
要素には CSS 属性があります。
position: relative
段落には次のものがあります。
position: absolute
text-align: center
z-index: 1
このようにして、テーブルの各セルの画像に関する説明を中央に配置できます。
すべてが完全に機能します。唯一の (大きな) 問題は、(たとえば) セル c にカーソルを合わせると、Table1 の説明が、Table2 とそのセルをカバーするテーブルを超えるのではなく、セル b に続くことです。もちろん、これは非常に厄介なバグです。
では、説明がそのコンテナの外側にある他の要素を超えることを「許可」するにはどうすればよいでしょうか?