0

我有一个页面，其中包含一些表格形式的数据

目前，对于其中一列（这是一个链接），我需要在悬停时显示一个文本，并且能够通过在标签中给出标题来成功地做到这一点。现在，我尝试将 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 标签中删除了标题并将其放入

内部标签

<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 回答