Question

我有一个页面，其中有一些表格的数据

目前，对于其中一个列（这是一个链接），我需要在悬停时显示文本，并且能够通过在标记中给出标题来成功完成。现在，我尝试将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>";

以上代码段在当前显示中正常工作。但是当我向下滚动页面然后通过选择最后一个元素尝试在悬停时显示文本时，标题就不会显示出来。我猜测悬停时的文字已经超出显示页面的垂直位置。

有人请帮帮我。我需要这个悬停来处理当前页面中表格中的所有行以及下一页，而不仅仅是当前显示，就像我的情况一样

提前致谢。

Answer 1

我不太了解您的问题但是您有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;}

标题的CSS onHover不起作用

1 个答案: