0

flotchart.org) 用于散点图图形应用程序，使用 jquery。

在 plotover 事件下，我显示一个工具提示，通过一个函数动态显示：

$('<div id="tooltip" class="tooltip">' + contents + '</div>') 
  .css({
  top: absoluteY,
  left: absoluteX,
} ).appendTo("body");

顺便说一句，CSS 文件中的 CSS Id 描述为：

.tooltip {
  z-index:1000;
  display:none;
  position:absolute;
  padding:10px;
  margin:1em 0 3em;
  border:5px solid #6B6B6B;
  color:#333;
  background:#fff;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;     
  opacity: 0.87
}

有人可以帮助我理解是否有一些 CSS 属性我必须调整以允许工具提示框显示在屏幕内？顺便说一句，盒子尺寸自动调整可以，截断不是。

请在此处查看屏幕截图：

屏幕截图 1：如果在父 div 内正确显示工具提示

屏幕截图 2：当点靠近屏幕（div？）右边距时，工具提示被截断

对不起我的CSS无知/非常感谢！乔治

4

2 回答 2

0

overflow: visible家长会解决这个问题

于 2012-11-13T11:19:35.400 回答
0

尝试添加z-index:1000;到工具提示 css，这应该允许工具提示 div 位于页面上的任何其他内容之上。

于 2012-11-13T10:44:11.243 回答