0

テーブル形式のデータを含むページがあります

現在、列の 1 つ (リンク) について、ホバー時にテキストを表示する必要があり、タグにタイトルを指定することで正常に表示できました。今、ホバー時のテキストにcssを適用してみました。以下はスニペットです

CSS

a.changes:hover {text-decoration: none; }
a.changes p {position: absolute; left: -9999px;border-style:solid; border-color:black; border-width:1px;}
a.changes:hover p {left: 5%; background: #ffffff; size:1px;}

そしてhtmlで、私はタグからタイトルを削除してそれを与えました

内側タグ

<a href='#' class='changes' onclick='AAA'><font color=blue>XYZ</font><p style='width:100px;'>TextToBeDisplayedOnHover</p></a>";

上記のスニペットは、現在のディスプレイで正常に動作します。しかし、ページを下にスクロールし、最後の要素を選択してホバー時にテキストを表示しようとすると、タイトルがうまく表示されません。ホバー時のテキストが表示ページを垂直に超えていると思います。

誰かがこれで私を助けてください。私の場合のように現在の表示だけでなく、現在のページと次のページのテーブルのすべての行でこのホバーが機能する必要があります

前もって感謝します。

4

1 に答える 1

0

問題はよくわかりませんが、幅が100ピクセルのコンテナがあるため、「TextToBeDisplayedOnHover」がコンテナに収まりません。これを試すことができます（またはコンテナを広げる）：

a.changes:hover p {left: 5%; background: #ffffff; size:1px;width:100px;overflow:scroll;}

ホバリングしている「p」でインラインスタイルを失います。（すでにCSSを使用しています。）

<a href='#' class='changes' onclick='AAA'>XYZ<p>TextToBeDisplayedOnHover</p></a>

ホバーテキスト（「ホバー時に表示されるテキスト」）でスペースを使用すると、スペースが不足する可能性が低くなります。

青がデフォルトのフォントカラーでない場合は、これをスタイルに追加します。

a {color:blue;}
于 2012-12-10T13:51:50.600 に答える