Jquery 如何允许div框显示在屏幕内(未截断)

Jquery 如何允许div框显示在屏幕内(未截断),jquery,css,html,tooltip,Jquery,Css,Html,Tooltip,org),用于散点图图形应用程序,使用jquery 在plotover事件下,我将显示一个工具提示,通过一个函数动态显示一个: $('<div id="tooltip" class="tooltip">' + contents + '</div>') .css({ top: absoluteY, left: absoluteX, } ).appendTo("body"); 有人能帮我了解一下,如果有一些CSS属性我必须调整,以允许工具提示框显示在屏幕内?

org),用于散点图图形应用程序,使用jquery

在plotover事件下,我将显示一个工具提示,通过一个函数动态显示一个:

$('<div id="tooltip" class="tooltip">' + contents + '</div>') 
  .css({
  top: absoluteY,
  left: absoluteX,
} ).appendTo("body");
有人能帮我了解一下,如果有一些CSS属性我必须调整,以允许工具提示框显示在屏幕内? 顺便说一句,框尺寸自动调整可以,截断则不行

请参见此处的屏幕截图:

截图1:

截图2:

抱歉我的无知/非常感谢!
乔治

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

溢出:对于父级可见将解决此问题。

信息不解决设置:
。请参见效果:[link]我之前在正文中设置了
溢出:隐藏,因为我不希望屏幕图形布局中出现滚动条。
.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
}