工具提示中的元素高度问题
是指在使用工具提示（Tooltip）时，元素的高度无法正确显示或出现了一些问题的情况。工具提示是一种常见的用户界面组件，用于在用户将鼠标悬停在某个元素上时显示相关的提示信息。
当工具提示中的元素高度出现问题时，可能会导致以下情况：
- 高度不足：工具提示框的高度不够显示完整的内容，导致部分信息被截断或隐藏。
- 高度过大：工具提示框的高度超出了预期，导致显示不必要的空白区域或者覆盖其他重要的界面元素。
- 高度不一致：不同的工具提示框在高度上存在差异，导致用户在使用过程中难以适应。
解决工具提示中的元素高度问题的方法可以根据具体情况而定：
- 调整样式：通过修改工具提示框的样式，包括高度、行间距等属性，以适应内容的显示需求。可以使用CSS来实现样式的调整。
- 动态计算高度：在工具提示框显示之前，通过JavaScript等脚本语言动态计算内容的高度，并根据计算结果来设置工具提示框的高度。
- 换行显示：如果工具提示框中的内容过长，可以考虑在适当的位置进行换行，以确保内容的完整显示。
- 使用滚动条：如果工具提示框中的内容过多，可以考虑在工具提示框中添加滚动条，以便用户可以滚动查看全部内容。
腾讯云相关产品中，可以使用云服务器（CVM）和云函数（SCF）来实现工具提示的功能。云服务器提供了完整的服务器环境，可以自定义开发和部署工具提示的应用程序。云函数是一种无服务器计算服务，可以用于处理工具提示的逻辑，实现动态计算高度等功能。
更多关于腾讯云产品的信息，请参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我用overflow: hidden在父对象中创建了一个工具提示div，所以当工具提示有很多文本时，它会被截断，因为父对象不大。工具提示为position: absolute。
我已经看到了很多答案()，说拥有overflow: hidden的直系父不应该被定位。然后，position: relative所在的位置应该是具有overflow: visible的更高级别的父级。
问题是我在Angular 2中创建了一个通用的工具提示组件，每个组件都是相对于表格标题单元格定位的。因此，如果我将父position: relative设置为父级，那么所有工具提示都将相对于表容器而不是表头单元格定位。有
浏览 7提问于2017-07-28得票数 0
回答已采纳
2回答
用工具提示拖放
、、、
我试图拖放一些div，但是在拖动它们之前，我在鼠标上显示一个工具提示。
在firefox中，它可以正常工作，但在Chrome中，当拖动开始时，div太大了，并且包含了一些有趣的东西:不仅是它的内容，还包括工具提示后面的所有窗口部分(图像中的红色部分)。
<div class="tooltip" id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
<div draggable="true" ondragstar
浏览 2提问于2017-05-16得票数 2
回答已采纳
1回答
我最近开始在没有表格的CSS中编写我的所有布局，但仍然更喜欢旧的表格样式。快得多。无论如何，我被困在这个布局中，已经完成了，但我需要一个小细节的帮助，我无法设法修复它。
下面是测试地址：
如你所见，设计和背景都已经完成了。稍后我会把剩下的东西放进去，比如链接等等。问题在最底层。这背后的理念是背景纹理保持不变，保持不变。但在底部有一个空白处，我无法摆脱of...can，有人帮助或给出一个提示吗？
谢谢,
浏览 4提问于2013-12-27得票数 0
1回答
工具提示从屏幕上移出
、、、
我在一个容器中有这么多的工具提示，但是当我点击最右边和最左边的工具提示时，它们下面打开的模式就会从屏幕上消失。 我已经尝试过根据屏幕大小应用媒体查询，让它们向左或向右，但可以有任何工具提示。 那么，有没有人可以建议一些解决方案，如何检查哪种工具提示模式正在从屏幕中消失，并根据该模式向左或向右对齐
浏览 15提问于2019-03-23得票数 0
回答已采纳
我使用jqueryTOOLS提供的javascript工具提示在表单中给出工具提示。
对于一些不需要工具提示的表单元素，我希望将标题字符串留空，但是如果我这样做，则会导致表单的后续元素中断-几乎就像它将它们视为工具提示一样:当鼠标悬停在没有标题字符串的元素上时，它会将后面元素的位置移动到字段旁边，然后当不再聚焦时，它将永久消失。
我的工具提示代码：
$(function() {
$("#myform :input").tooltip({
position: "center right",
offset: [-2, 10],
effect: "fade&#
浏览 6提问于2012-06-29得票数 1
回答已采纳
1回答
如何测量超链接元素的高度？
、、、、
我想为WPF RichTextBox中的超链接创建简单的“惰性加载工具提示”。
我使用Popup控件来完成此操作，如下所示：
private Popup popup;
private void Hyperlink_MouseEnter(object sender, MouseEventArgs e)
{
Hyperlink hyper = sender as Hyperlink;
popup = new Popup();
popup.Child = new Label() { Content = "content
浏览 0提问于2012-08-02得票数 1
回答已采纳
我期待着建立一个工具提示，它位于元素旁边，但在它的中间。很容易把它放在上面和下面，并将它放在元素的水平中心。但是，有没有一种方法可以垂直地做到这一点(在元素的右侧或左侧，垂直放置在该元素高度的中间)？
就我而言，元素的高度是固定的(已知的)，而工具提示的高度不是固定的，因为它可以包含各种文本内容。工具提示可以是元素的子级。
然而，我也很好奇，当两个高度都不固定(未知，可能会根据内容而不同)时，该如何做。通过高度我可以理解元素的高度和工具提示的高度。宽度可以是已知的和固定的。
浏览 0提问于2013-02-19得票数 12
回答已采纳
我的问题是我不能真正正确地定位工具提示尾部。我有一个插件，可以生成提示，它可以放置在4个不同的地方:顶部，底部，左侧，右侧。我需要把尾巴放在每个提示的中心上/左/下/右。
我试着像这样使用css：
.ui-hint{
display: block;
position: absolute;
min-width: 50px;
max-width: 200px;
min-height: 25px;
background: #FDD10B;
padding: 15px;
color: #000000;
font-size: 16p
浏览 1提问于2013-10-25得票数 0
因此，我正在使用插件，并使用工具提示。
问题：
这个插件的问题是，当我使用工具提示时，它重新定位完全不同，如下所示
正如你所看到的，我悬停在深橙色部分，工具提示就在图像的中间，文字是"Te huur“。
下面是我悬停的部分的一个例子：
以及javascript：
$('#finder-image').mapster({
fill: true,
fillColor: 'ffffff',
fillOpacity: 0,
strokeWidth: 3,
singleSel
浏览 2提问于2017-03-24得票数 2
我真的需要帮助。我找不到任何关于这个问题的例子。我已经花了很多时间，真的很想放弃。我们从来没有在我所在的项目中涉及到这一点，我真的很想学习如何开始。我花了5个多小时来解决这个问题，并提出了一个有效的解决方案，但由于它没有遵循所有规则，所以它没有被接受。我们还没有介绍工具提示，所以我不确定该怎么做。 问题是要编写一个可以为给定页面上的任何html元素调用的工具提示。可以在html元素的左侧、右侧或底部查看首选位置。应该包含标题，内容，确定按钮，将在用户单击确定按钮后溶解。 要使用的api是 $('#HTML element').showToolTip ({ Title：'
浏览 10提问于2019-04-20得票数 1
2回答
使用.css()定位工具提示
、、、、
我用CSS创建了一个工具提示，我希望将箭头放置在每个按钮的图标上方。我试过使用jQuery移动，但它对我来说不起作用，所以我现在最简单的方法就是手动定位工具提示：
另外，我还在想，如果我要在一个分辨率不同的移动应用程序上使用这个页面，还是缩小页面大小，手动定位工具提示是否会改变呢？
我尝试使用.offset()来获得我的工具提示类，围绕每个按钮id的相对区域。
var CS_x_pos = $("#CS").offset();
var CS_y_pos = $("#CS").offset();
var GH_x_pos = $("#GH").o
浏览 9提问于2013-10-09得票数 0
回答已采纳
3回答
自举3刀尖高度
、、、
我正在使用引导3.0.2生成动态工具提示。有些工具提示可以在默认的工具提示区域中不出现问题，并且工具提示会自动调整到高度，只要它们小于一定的大小，但也有一些大于默认允许的高度和内容从我的工具提示溢出。
代码如下。“最大高度”属性是“我的插入”，似乎没有明显的效果.
CSS
.tooltip-inner {
max-width: 200px;
max-height: 300px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color:
浏览 0提问于2014-05-27得票数 1
回答已采纳
1回答
大家好，我正在向c3堆叠条形图提供以下数据。
["x","Mar 2017","Apr 2017","May 2017","Jun 2017","Jul 2017","Aug 2017","Sep 2017","Oct 2017","Nov 2017","Dec 2017","Jan 2018","Feb 2018"],
["product0","4",&#
浏览 4提问于2017-03-18得票数 1
1回答
我正在尝试构建一个工具提示，它出现在一些文本中的单词上方。如果工具提示div始终具有相同的高度，则可以很好地工作。但有时我希望里面有大量的文本或其他东西，有时可能是一个单行句子。 我被困在如何在这里编码定位，因为我需要工具提示的高度？我希望工具提示div始终在目标单词上方居中，我希望工具提示宽度和高度是完全可变的，并且永远不会与目标单词重叠。 到目前为止，我得到的是： const wordWithToolTip = ({ word, tooltip }) => {
return (
<div
style={{ display: &
浏览 14提问于2021-07-28得票数 1
回答已采纳
4回答
我正在使用。我的错误标签样式类似于工具提示，并采用许多级别的嵌套div来创建。插件有一个选项，允许将元素类型指定为错误消息的包装器，但它只包装了一次。
有人熟悉如何进行嵌套包装吗？
这不是我的确切标记，但作为一个例子：
<div class="tooltip">
<div>
<div>
<span class="error">This field is required.</span>
</div>
</div>
</div>
*
浏览 0提问于2010-03-10得票数 3
回答已采纳
1回答
我为我正在开发的管理面板中的一些按钮创建了一个简单的工具提示。当用户悬停时，我使用一些非常标准的JQuery代码将工具提示定位在按钮的正上方。然而，无论使用还是不使用滚动条，似乎都存在一些定位问题。
滚动条出现时，工具提示会出现在正确的位置...
当没有足够的内容显示滚动条时，工具顶部显示为偏离滚动条的宽度...
这似乎很奇怪，因为我使用的是offset().left -它不应该受页面宽度的影响。这是我使用的代码...
var ttl;
var tt;
$('.icon').mouseover(function (e) {
ttl = $(this)
浏览 2提问于2012-05-24得票数 1
回答已采纳
我正在创建一个工具提示，并且在定位上有一些问题。
工具提示设置为position: absolute，我有一个鼠标事件处理程序，它根据top和pageY修改了pageX和left CSS。
现在，我知道我可以将top设置为pageY，left设置为pageX。这将使工具提示弹出右下角。我试着把它定位在有空间的右上角，但是如果它在Y轴的视口之外，再次下降到右下角的位置。
目前，我被困在试图让工具提示显示在鼠标右上。我甚至不知道从哪里开始检测它是否会在视口。谁能给我指明正确的方向？
$('p').on('mouseenter', function(e) {
浏览 3提问于2015-02-08得票数 0
回答已采纳
1回答
我在网页的表单字段上使用了简单的jQuery UI工具提示(即响应性)，它在每个浏览器上都能很好地在桌面上工作，但在iPad上，当我按下窗体字段作为键盘滑动时，它会被扭曲。此外，我的网页标题部分得到固定在滚动。我在下面的代码中使用了自定义jQuery工具提示。
$(function () {
$('.form-control').tooltip({
disabled: true,
position: {
my: "left top",
at: "left top-50",
usi
浏览 3提问于2015-07-30得票数 0
回答已采纳
我有一个工具提示，它引用了条形图可视化，显示的行数比一次显示的要多。当我将此工具提示应用于报表可视化并悬停在其上时，我不能单击并拖动滚动条而不关闭工具提示本身，也不能使用鼠标的滚动轮滑动滚动条。
除了将工具提示可视化添加到我的报告页面之外，是否有一个设置或切换来锁定工具提示，或者使滚动条在Power中可用？
浏览 0提问于2019-03-19得票数 2
回答已采纳
4回答
上父元素的位置底部元素
、、、
我正在制作这个简单的工具提示，我想将工具提示底部定位在父元素的顶部。我想通过获取工具提示元素的高度来做到这一点，并将这个数字设置为负值到顶部位置。问题是，在我将元素悬停时，根据console.log()，工具提示高度为0；
$('.tooltip').hover(function() {
var content = $(this).data('tip-content');
var element = $(this).find('.tip-content');
if(element.length == 0 ) {
浏览 0提问于2015-08-25得票数 0
回答已采纳
2回答
当工具提示位于屏幕的右边边缘时，我的宽度出现了问题。我的工具提示具有以下属性:最大宽度:320 My和位置:固定。我不明白为什么工具提示会在边缘收缩。我想要的工具提示从右边的边缘出来，而不是缩小。我的工具提示可以有一个或多个单词，因此它应该具有自适应宽度。
我有这个：
我想要这样：
我希望工具提示是这样的适应性：
我希望长工具提示文本有完整的最大宽度而不收缩，而小文本有一个与文本相对应的小宽度。
html:
<div class="element">Lorem ipsum dolor sit amet, consectetur adipiscin
浏览 3提问于2020-01-29得票数 2
1回答
我正在尝试在ag-grid中实现自定义工具提示，但工具提示部分可见。 作为参考，我在Plunker中提供了源代码。这里有两个农业实例作为例子。如果将鼠标悬停在最后一行第一列上的第一个ag型网格上，则工具提示部分可见。 有没有办法显示工具提示的全部内容？ 代码链接：'http://plnkr.co/edit/QBfY00iJ8sxkZqym‘ Updated Pic
浏览 70提问于2021-01-23得票数 0
1回答
我现在有一个问题，你可以在上查看。如果您将鼠标悬停在徽标上，您将看到工具提示。这没问题，但是
如果你尝试使用Firefox，工具提示会卡在徽标下(正确)
如果您尝试使用Chrome，工具提示将跟随鼠标提示(不正确)
我该如何解决这个问题呢？
我正在使用下面的代码，这是我在这个网站上找到的。
<script type="text/javascript">
function showTooltip(e, tooltip)
{
e = window.event ? window.event : e;
tooltip = document.getElemen
浏览 14提问于2017-12-29得票数 0
我目前正在为一个网站上的“工具提示”编写这个脚本。我发现我目前拥有的代码将获得我在页面上的第一个工具提示图像的图像高度('pop1')，但它忽略了其余的(它们出来时为空)。
获取所有工具提示图像高度并在用户每次滚动工具提示图像时使用它们的最有效方法是什么？
另一个问题，如果有人能解决这个问题--那就是在我的整个网页上(更多的div，行，列，等等)脚本开始崩溃，因为clientX和clientY受到各种div和页面元素的影响。
我希望能够将clientX和clientY设置为用户鼠标所在的确切(x，y)坐标，相对于整个网页，而不是相对于页面的子元素。
谢谢
这是我的JSFiddl
浏览 3提问于2015-03-16得票数 0
1回答
我正在创建几种类型的jQuery UI工具提示。一种类型：
单击元素时打开(例如，a？图标)
应该允许用户在提示中单击，以便可以选择/复制或交互文本。
当用户单击除提示之外的任何位置时，应关闭。
我就快到了，除了收小费。我的项目有一个特殊的clickoutisde事件，可以绑定到任何元素(请参阅fiddle)。
在下面的代码中，它绑定到触发工具提示的元素--在本例中，是图标。因此，如果单击图标以外的任何位置，提示就会关闭。
我的问题是，我能否以某种方式将此事件从图标移动到工具提示本身( .ui-icon类)，这样，如果您单击提示内的其他任何位置，提示就会关闭吗？
还是我需要
浏览 1提问于2018-11-06得票数 0
我有一个单独的图表网页，显示高亮图线:条形图：
使用外部图表数据：
和图表图例工具提示(长字符串)，来自外部文件：
因此，当鼠标悬停在图表系列图例上时，会显示一个更长的图例工具提示(即在HC_TEST_LEGEND？.CSV中显示)。
这一切都很好，但遇到问题与较长的图例工具提示，当我尝试和“双倍”在一个网页上显示2个(或更多)这样的图表。
上面的图表长图例工具提示显示正常(如上所述)，但是下面的图表不再显示来自HC_TEST_LEGEND2.CSV的图例描述。在移动到2个图表时，我尝试使JavaScript代码/变量名称对每个图表都是不同的，例如"legendData1“和"
浏览 1提问于2017-11-18得票数 0
我想在工具提示中显示JSON响应(来自ajax调用)。我想将工具提示相对于它的触发器元素，一个锚点，放在它的左边。我将在同一页上有许多触发器元素。我想使用这样的东西：
$.ajax({
// Do stuff
success: function(response) {
$(this).after("<div class='tooltip'>" + response.message + "</div>");
}
});
这段代码不能解决我的问题。它将工具提示插入到目标元素的容器中。我需
浏览 2提问于2011-07-11得票数 3
回答已采纳
我正在尝试修改dimple.js的，每个项目符号图表都在父svg的子svg中。对每个项目符号图表使用单独的svg的目的是使它们的管理(显示/隐藏/删除)更容易。此外，这使得图表的递归定义变得完整-也就是说，图表包含在svg中。
。
如你所见，从第二张图开始，鼠标悬停时，工具提示就不在地方了！请注意，对于child-svg，我已经设置了样式overflow: visible，如果没有该样式，工具提示将完全不可见。
我想知道在处理子svg元素的属性时是否遗漏了什么，或者这是dimple.js中的一个bug。此外，如果您知道任何解决方法，请让我知道。
谢谢。
浏览 10提问于2016-07-30得票数 1
2回答
我正在进行一个项目，在这个项目中我将工具提示附加到DOM中。当我在一个对象上鼠标移动时，工具提示就会消失到视图中。当我离开的时候，工具提示就会消失。
我遇到的问题是，它仍然在其他元素之上，从而阻止了它们的鼠标控制事件的触发。通常，我只需删除元素：d3.select("#theElement").transition().style("opacity",0).remove()
问题是，我希望以后能在鼠标移动时重新添加它。有没有一种方法可以暂时固定工具提示不会妨碍它的地方呢？也许是在教堂里什么的？大多数人是如何在D3中处理这个问题的？
浏览 3提问于2018-01-26得票数 4
回答已采纳
我正在尝试创建一个自定义的工具提示元素。我需要新创建的工具提示元素的高度和宽度。我总是把offsetHeight和offsetWidth设为0。
var tooltip = angular.element('<div ng-style="tooltipStyle"><div class="ng-tooltip-arrow"></div>\n{{content}}</div>');
tooltip.attr({
'class': 'ng-to
浏览 4提问于2016-07-26得票数 0
我正在使用twitter bootstrap工具提示功能，它在gsp标题文本中工作得很好。现在我想在id="tooltipcheck“上添加引导工具提示。如果我写数据“{{title=}}”，那么我可以看到工具提示，但是bootstrap工具提示在这里似乎不起作用。是js模板有问题还是有其他问题？
<script id="myTemplate" type="text/x-handlebars-template">
<div class="row">
<div class="span4"
浏览 0提问于2013-08-13得票数 1
3回答
请参阅链接：
如果你点击夹克，你会看到一个警告“在这里”。查看页面源代码，您将看到导致此警报的onclick。
如果将鼠标悬停在夹克上，将看到工具提示。我在这个工具提示中使用了jquery tiptip插件。该插件要求您将工具提示的内容放在title属性中。
我正在尝试让onclick事件在用户单击工具提示中的粉红色大按钮时触发。但是，它似乎不起作用，因为我设置的"intooltip“警报没有弹出。
onclick的代码是：
onclick="alert('intooltip'); clickstatistictit(this.rel); _gaq.push(
浏览 0提问于2013-01-05得票数 0
回答已采纳
1回答
接下来的问题，我想知道为什么将滑块的滚动方向设置为垂直，而不是正确地上下滚动？这会不会是slick的问题，或者伴随着它的CSS代码？请参阅
它看起来，即使没有CSS代码，垂直滚动看起来也非常破碎，并且错误地计算了下一张幻灯片的顶部y位置。
我真的不确定在这里放什么代码才能通过这个恼人的提示，所以，下面是slick对象的初始化方式：
$('#slider').slick({
autoPlay:true,
dots: true,
arrows: true,
vertical: true,
});
浏览 1提问于2016-02-05得票数 5
回答已采纳
我正在尝试创建一个css工具提示，html和css代码，同时也给出了小提琴的链接。
<a class="tooltip" href="#">CSS Tooltips 1
<span>Tooltip1</span></a>
</br>
<a class="tooltip" href="#">CSS Tooltips
<span>Tooltip This is not working for me </
浏览 0提问于2014-08-26得票数 1
回答已采纳
1回答
html元素对齐方式
、、、、
我有以下html元素：
<fieldset style="margin:20px;border:5px solid red;padding:0;">
<label class="offset widget" >Title goes here</label>
<input class="offset widget" style="padding:0" type="text" name="fname">
浏览 1提问于2013-02-14得票数 1
回答已采纳
我有个问题想知道真相。能不能有人告诉我是HTML title属性的一个工具提示。有人告诉我这不是工具提示。谁能描述一下什么是工具提示？HTML标题到底是不是？请告诉我实情。
浏览 2提问于2017-03-29得票数 0
2回答
我有一个工具提示，如下所示
我的代码看起来像这样
.calendar-tooltip:hover .calendar-tooltiptext {
visibility: visible;
opacity: 1;
display: block;
position: absolute;
height: 100%;
}
<div class="my-template-cell">
<span class="cal-day-number">{{ day.date | cal
浏览 0提问于2018-08-03得票数 0
2回答
例如，考虑下面的DOM结构。
<a href="#" title="The Anchor">
<img src="http://www.adiumxtras.com/images/thumbs/dango_status_icon_set_7_19047_6248_thumb.png" />
<span>This is a link</span>
</a>
问题是，将鼠标悬停在This is a link文本上不会显示工具提示，而将鼠标悬停在图像上会显示工具提示。这个问题并不是到处
浏览 0提问于2012-11-06得票数 4
回答已采纳
我试图在禁用按钮上添加工具提示
有时是火狐，有时是Chrome
<!-- Work only with Chrome !-->
<button disabled>
<div data-toggle="tooltip" data-placement="left" title="test">
Disable
</div>
</button>
<!-- Work only with Firefox !-->
<button data-tog
浏览 2提问于2017-05-05得票数 2
回答已采纳
我正在处理bootstrap工具提示的一个实例的一些奇怪的行为。
我正在使用的页面有几个按钮，当鼠标悬停在这些按钮上时，会显示工具提示以及对按钮功能的描述。所有的工具提示都显示在按钮的顶部，除了一个按钮之外，一切都很正常。这一个按钮以连续闪烁的方式显示工具提示，工具提示本身覆盖了按钮的一部分(而不是完全位于按钮的顶部)，并防止按钮被正确单击。如果工具提示的“数据放置”从“顶部”更改为“左侧”/“右侧”/“底部”，工具提示将正确显示。
此外，给我带来问题的按钮被包装在一个在css中分配了"float: right;“的div中。我之所以提到这一点，是因为我注意到，如果我移除了浮动，工具提
浏览 2提问于2013-01-15得票数 34
回答已采纳
5回答
在此页面上：
当用户滚动团队成员的姓名时，会出现一个工具提示。不幸的是，如果用户不是直接点击文本，它就会闪现。有没有办法将目标区域增加到文本周围更宽的区域，这样就不会发生闪烁？
浏览 2提问于2011-07-11得票数 2
回答已采纳
2回答
当工具提示是活动的/聚焦的并且destroy事件被调用时，工具提示获得不透明度0，但是仍然是可点击的，其元素仍然在DOM中。
这个问题在这个中重现:当单击测试按钮时，工具提示就会被“销毁”，但是它仍然在DOM中，并且阻止单击文本输入上的事件。
这是正常行为吗？有什么解决办法吗？
UPD：似乎是一个已知的
浏览 3提问于2013-10-10得票数 4
回答已采纳
2回答
我有一些按钮，显示与引导工具提示的详细信息。我的主要问题是，这些按钮最初隐藏在div中(display:none;)，当显示div时(display:block;)工具提示不起作用。
我怎样才能克服这个问题？
浏览 2提问于2014-06-09得票数 3
回答已采纳
1回答
我有一个TextBlock，它的ToolTip是画布。用户控件从构造函数的后端绑定到画布上。xaml中定义的TextBlock如下：
<TextBlock Width="60" Height="40" Text="More info.">
<TextBlock.ToolTip>
<Canvas Name="canToolTip"></Canvas>
</TextBlock.ToolTip>
</TextBlo
浏览 0提问于2016-03-03得票数 0
回答已采纳
我试图初始化基础工具提示，而不初始化所有东西(即$(document).foundation())，而我在这个简单的任务中失败了。
我想知道(1)如何使用new Foundation.Tooltip (2)是否需要modernizr，因为没有将现代化作为一项要求。
我提到了modernizr，因为没有这个工具提示就不会有任何样式，也不会在其中显示html。
谢谢
<!DOCTYPE html>
<meta name="robots" content="noindex">
<html>
<head>
<
浏览 4提问于2017-04-26得票数 11
回答已采纳
3回答
我正在尝试做的是有一个非常简单的工具提示，隐藏/显示在悬停使用jQuery。
()
要做到这一点，我所做的是在li的上放置一个div，它将有一个工具提示。这个div绝对位于每个li的顶部。工具提示div将包含不同长度的文本，因此我不能预先定义它的宽度。我只想让宽度根据文本的长度一直延伸。
我的问题是，当我浮动li时，div也被浮动(至少看起来是这样)，因此获得了被浮动li的宽度。工具提示现在变得与li的宽度一样窄，这是我不喜欢发生的。
这是HTML：
<ul id="images">
<li><img src="[some imag
浏览 0提问于2011-08-31得票数 1
回答已采纳
3回答
我使用jquery中的combobox开发网站，一切都很好。但是当我试图在"select“元素上应用工具提示时，工具提示不起作用。
html：
<select id="combobox_courses" title="tooltip test text" style="display: none;">
所有问题都是cs jquery组合框覆盖“选择”css样式显示在“隐藏”上，并使用smth更改它：<span class="ui-combobox"> <input class="ui-
浏览 6提问于2012-05-16得票数 0
<a class="ctooltip" tooltip="Definition:1000 characters here
onclick="openDocumentTypeHistory(2110)" href="#" >mytestdocument</a>
我的css函数
.ctooltip{
display: inline;
position: relative;
}
.ctooltip:hover:after{
background: #F5F5F5;
浏览 1提问于2017-06-14得票数 1
2回答
我有一个工具提示插件(tooltip.js & tooltip.css)。该工具提示的要求是，在SPAN或DIV元素中，您需要同时拥有rel=' tooltip‘和title='’-然后工具提示插件将初始化工具提示。
问题是我正在将DOM HTML元素添加到具有这些属性的页面中，但它们不起作用。它们最初可以工作，但是当我添加dom元素时，这些DOM元素就停止工作了。
仅供参考，我正在使用(Jquery mobile 1.3.1和jQuery 1.9.1)
HTML
<table id='maintable'>
</table>
浏览 0提问于2013-06-22得票数 0
回答已采纳
1回答
我已经创建了许多SVG格式的多边形。并将它们组合在一起。当用户将鼠标悬停在组上时，将出现一个工具提示框。我用过ecmascript。我要做的是让工具提示框成为一个多行框。你知道该怎么做吗？
<script type="text/ecmascript">
<
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
