将鼠标悬停在文本弹出文本框上

2020-08-31 16:32发布

点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)嗨, 悬停在文本上方时,我试...

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

悬停在文本上方时,我试图获取一个弹出文本框。

我正在使用此网站作为参考: http://www.scientificpsychic。 com/etc/css-mouseover.html

我已经在CSS文件中实现了dropt类的CSS代码,并将其上传到服务器,并成功地将其选择为报表的自定义CSS。

我将dropt放在CSS样式中的以下代码中,但不起作用。

热点文本

弹出文字

任何人都知道我在做错什么,或者对如何在文本弹出文本框上实现悬停有其他想法吗?

谢谢

安德斯

9条回答
Haoba3210
2020-08-31 17:03

1。 我使用Design Studio创建了两个文本框:第一个是"显示文本",第二个是"悬停文本"。

Design Studio生成的HTML如下所示:


显示文字


这是一个悬停工具提示,用于说明内容。

2。 我使用此CSS设置了类似于工具提示的"悬停文本"的样式。 当您将鼠标悬停在"显示文本"上时,上方的样式化工具提示中将显示"悬停文本"。

3。 最终结果如下:

查看我的JSFiddle以获得HTML和CSS代码:编辑小提琴-JSFiddle

一周热门 更多>