Tag: 工具提示

HTML-Tooltip相对于鼠标指针的位置: 如何alignment工具提示的自然风格：鼠标指针的右下angular？ ~~~一些更多的文字可以提交。 ~~~一些更多的文字可以提交。 ~~~一些更多的文字可以提交。 ~~~ <!DOCTYPE html> <html> <head> <title>Tooltip with Image</title> <meta charset="UTF-8"> <style type="text/css"> .tooltip { text-decoration:none; position:relative; } .tooltip span { display:none; } .tooltip span img { float:left; } .tooltip:hover span { display:block; position:absolute; overflow:hidden; } </style> </head> <body> <a class="tooltip" href="http://www.google.com/"> Google <span> <img alt="" src="http://www.google.comhttp://img.dovov.comsrpr/logo4w.png"> </span> </a> </body> </html>

如何创build一个SVG“工具提示”像框？: 给定一个现有的有效的SVG文档，创build“信息popup窗口”的最好方法是什么，所以当你hover或点击某些元素（比方说），你popup一个任意数量的盒子（即不只是一个单一的工具提示）额外的信息？这应该至less在Firefox中正确显示，并且在图像被栅格化为位图格式时不可见。

造型引导工具提示上的箭头: 我试图风格tootltips使用 .tooltip-inner{} 但我有麻烦，因为我找不到如何样式工具提示小箭头。如截图所示，工具提示的箭头是黑色的，我想添加新的颜色：有什么build议？

如何渲染禁用的HTMLbutton的工具提示: 我有一个HTMLbutton。我试图根据button的“title”属性来渲染一个工具提示，并且它不渲染。主要是因为它被禁用。然后，我尝试在一个范围内包装button，并设置范围的“标题”属性。 hover在包裹在该跨度上的button仍然没有效果。工具提示将在不属于button标签一部分的任何其他部分上呈现。就像如果我把一些文本放在范围以及button，hover在文本产生工具提示，但如果你把鼠标hover在button上，它不会呈现。所以：我如何显示禁用button的工具提示？

nvd3 piechart.js – 如何编辑工具提示？: 我正在使用nvd3的piechart.js组件在我的网站上生成一个饼图。提供的.js文件包含几个var，如下所示： var margin = {top: 30, right: 20, bottom: 20, left: 20} , width = null , height = null , showLegend = true , color = nv.utils.defaultColor() , tooltips = true , tooltip = function(key, y, e, graph) { return '<h3>' + key + '</h3>' + '<p>' + y + '</p>' } , […]

用于应用程序用户教程的showCase库的替代方法？: 背景我find了一个很好的库，向用户显示一个关于屏幕上特定项目的教程，称为“ ShowCase视图库 ”。问题图书馆相当有问题，有时会把它的纹理项目放在屏幕之外（例如当设备旋转时）。这个问题有没有这个库的替代方法，或解决它的方法？我find的唯一类似的库是“ SuperToolTips ”。

如何添加一个工具提示到DataGridTextColumn: 我正在使用WPFtoolkit DataGrid ，我不得不将文本包装在一个DataGridTextColumn或我必须添加一个ToolTip到文本列。我搜查了networking，但我无法得到一个适当的解决scheme。期待您宝贵的build议…

在工具提示中添加分隔线: ¿如何将分隔符添加到XAML中的工具提示中的文本？我尝试这个： <Label Name="label4" UseLayoutRounding="False" Focusable="False" AllowDrop="False" Foreground="Black" Margin="6,44,132.027,76" ToolTipService.ShowDuration="12000"> <Label.ToolTip> <ToolTip> <TextBlock>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </TextBlock> <TextBlock>Suspendisse eget urna eget elit ullamcorper tincidunt. Sed nec arcu sed ante sodales </TextBlock> <TextBlock>Pellentesque elit libero, semper ac tincidunt vitae, euismod at ligula.</TextBlock> </ToolTip> </Label.ToolTip> <Label.Content> <TextBlock TextAlignment="Right" TextWrapping="Wrap" Height="19" Width="108" >Lorem Ipsum</TextBlock> […]

提供HTML内容而无JavaScript的工具提示: 当您将鼠标hover在网页的某个区域上时，会有很多基于JavaScript的库显示工具提示。有些是相当简单的，有些允许工具提示显示CSS样式的HTML内容。但有没有一种方法来显示样式的工具提示，而不使用JavaScript？如果您只使用title属性，则不会处理标签（例如， foo<br />bar不会产生换行符）。我正在寻找一种解决scheme，允许用户不使用任何JavaScript来显示样式化的HTML内容。

如何将twitter引导工具提示添加到图标: 我会从twitter引导添加一个右图工具提示到一个图标元素。代码是这样的： <h3>Sensors Permissions <i class="icon-info-sign"></i></h3> 我会，当光标在图标上，显示一个正确的工具提示与一些信息… 我能怎么做？包含tooltip.js librery并在图标代码中添加元素是不够的？我很困惑。谢谢。