【问题标题】:ASP.NET Dynamic Image ToolTip Not Displaying Within TableASP.NET 动态图像工具提示未显示在表中
【发布时间】:2013-11-26 19:53:16
【问题描述】:

我有一个 ASP.NET / C# 页面,其中有多个表,其中一个图像被加载到标题中。这些表是动态添加到页面的(通过 c# 代码隐藏)。图像应该是带有一些文本的工具提示,但是当将鼠标悬停在图像上时,提示没有显示。

表格是使用这个基本概念构建的:

//TABLE CREATION CODE
Table t = new Table();
TableRow tabrHeaderRow = new TableRow();
TableCell tabcHeaderCell = new TableCell();

//IMAGE CODE
System.Web.UI.WebControls.Image im = new System.Web.UI.WebControls.Image();
im.ImageUrl = @"~/img/HEL-icon.png";
im.ImageAlign = ImageAlign.Right;
//im.**add tooltip**


//Add Image to header of table
tabcHeaderCell.Controls.Add(im);              

TableCell tabcHeaderCell2 = new TableCell();
tabrHeaderRow.Cells.Add(tabcHeaderCell);
tabrHeaderRow.Cells.Add(tabcHeaderCell2);


t.Rows.Add(tabrHeaderRow);

尝试添加工具提示

im.ToolTip = "TipThisPlz";
im.Attributes.Add("alt", "TipThisPlz");
im.AlternateText = "TipThisPlz";

我尝试了各种方法,但似乎都没有显示工具提示。每次,图像都会出现,当我在页面上“查看源”时,它会正确加载并显示设置的“alt”或“title”属性,但是当鼠标悬停在图像上时工具提示永远不会显示.

我对“z-index”属性做了一些简短的实验,但它似乎对我一点帮助都没有。

对于动态添加时工具提示不显示的原因有何建议?

注意:在带有 AlternateText 的标记中添加 在页面上效果很好。

感兴趣的浏览器:IE9

【问题讨论】:

  • AlternateText 属性与工具提示不同。如果您将<ASP:Image> 添加到您的标记中并在那里设置工具提示,它会显示吗?
  • 是的,ToolTip/AlternateText 都可以。 AlternateText 在某些浏览器上作为工具提示加载。
  • 我完全复制了您的代码,并且可以使用im.ToolTip = "ToolTip Test" 显示工具提示。可能有一些你正在反对的 CSS 吗?你是如何显示表格的?将其添加到占位符?
  • 你是正确的 Kelix。原来有一个“z-index”属性集使得鼠标无法在图像上浮动。

标签: c# asp.net image tooltip


【解决方案1】:

事实证明,有一些 CSS 影响了控件的分层。因此,图像无法让鼠标悬停在其上,因为它在后面,而桌子在前面。

“Z-Index”是阻止工具提示显示的属性。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-01-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多