嗨，

这是一个简单的示例，可以在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

嗨大卫，

我设法按照您的指示进行，将鼠标悬停在"解决方案1"上。

但是，不幸的是，我没有完全理解您对"解决方案2"的解释。

在"解决方案1"下，我用完美运行的HTML代码替换了container1。 我应该在" solution2"下将以下代码而不是代码复制到CSS文件中：c_txt_popup_panel1和c_popup4？ 我应该找到组件的技术名称，然后在其前面添加" .c_"吗？

我通常是DesignStudio和BI的新手，非常感谢您一步一步地了解解决方案。

谢谢。

我

嗨安德斯，

我认为这不可能。 如果我错了，请有人纠正我。

您是否在应用程序中的任何地方调用了该类？

您是否检查了 http://scn.sap.com/ docs/DOC-44531 是Design Studio中使用的CSS类吗？

致谢，

Sjoerd

如Jeroen所说， 到目前为止，悬停功能似乎仅适用于图像。

我不确定在v1.2中是否会有更多组件获得悬停功能。

嗨安德斯，

您是否正在尝试弹出窗口

问候，

Adlin

Adlin，是这样吗？

请注意，是我试图达到的目标。

我在上面的链接中使用CSS类和HTML代码，但无法正常工作。 我以为我也可以使用自己的CSS类，而不仅仅是Design Studio中默认提供的类。 Design Studio中的悬停功能似乎仅适用于图像。 对于文本，我需要进行某种CSS和编码。

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

Design Studio生成的HTML如下所示：

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

3。 最终结果如下：

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