嗨，

这是一个简单的示例，可以在Design Studio BI应用程序中完成。

我的示例具有以下轮廓，以演示2种不同的CSS方法，当用户将鼠标悬停在某些文本上时如何显示附加文本：

当我在IE中打开此双向应用程序时：

当我将鼠标悬停在第一个文本上时，会出现一个简单的弹出文本（当鼠标离开文本或弹出窗口时，该弹出窗口将被隐藏）：

当我将鼠标悬停在第二个文本上时，还会显示一个简单的弹出文本（当鼠标离开文本或弹出窗口时，该弹出窗口将被隐藏）：

我使用以下简单的css只是为了演示悬停时显示/隐藏文本的可能性：

第一种方式（前两行）-仅使用ID，您无需创建自己的自定义CSS类，只需查找所需文本组件的ID，然后用ID替换" __container0" 显示并要悬停的文本，以及带有应显示为弹出窗口的文本ID的" __container1"。

以下是这些ID位于我的html代码中的屏幕截图：

要通过使用面板组件和自定义css类更好地理解第二种解决方案的css代码（选择器），以下是html树的样子：

这里概述了我为大纲中的组件分配的CSS类（用粗体显示此CSS示例中实际使用的类）：

TEXT_1-c_text1

TEXT_2-c_popup1

PANEL_1-c_txt_popup_panel1

TEXT_3-c_text3

TEXT_4-c_popup4

要了解更多信息，可以在Google上搜索："仅在css上显示div悬停显示div"-您会发现关于stackoverflow的一些很好的信息。

致谢

David

使用CSS的另一种方法：

一种简单（易于理解/易于使用）的方法，当用户将鼠标悬停在Design Studio组件上时可以显示一些内容，例如自定义文本 通过使用以下类型的CSS代码/逻辑：

将"：hover"与"：after"一起与" content"一起使用。

CSS"：hover"选择器：：hover选择器用于将元素悬停在元素上。

CSS-:: after伪元素：:: after伪元素

CSS" content"属性：content属性与：before和：after伪元素一起使用，可插入生成的内容。

CSS" content"属性： p>

因此，您可以在元素之后插入一些内容，并以某些css位置对其进行定位，并且仅当用户将鼠标移至（悬停）鼠标 元素。

示例：编辑小提琴-JSFiddle

< img src="/storage/temp/1739096-button-hover-text-display.png">

大家好，

这是我的布局，我想应用以上Css在按钮悬停时显示文本。

示例：将鼠标悬停在button_2上，显示Text_3

有人可以帮我吗

谢谢