弹出窗口阻止了工具提示答案

【问题标题】：Tool Tip is blocked by the POPUP WIndow弹出窗口阻止了工具提示
【发布时间】：2011-05-31 18:13:42
【问题描述】：

弹出窗口阻止了我的工具提示。请看这里的图片

http://www.tiikoni.com/tis/view/?id=6ffd82f

如您所见，我的工具提示被弹出窗口挡住了。

我的工具提示 CSS 是

elStyle = 'position:absolute; ;background-color:#fefbd6;height: 75px; position: absolute;top: 50px;width: 150px;font-weight:bold;height: 80px;border-color: #FFFF99 ;';

.flotr-mouse-value {
font-size: 13px;
font-weight:bold;
 }

.flotr-mouse-value:after {
    content:"";
    border-color: #fefbd6 transparent transparent transparent;
    border-style:solid;
    border-width:20px;
    width:0;
    height:0;
    position:absolute;

}

请告诉我如何解决这个问题？？

【问题讨论】：

标签： javascript css

【解决方案1】：

用工具提示的左侧定位来完成三十点的答案。

普通工具提示：

lStyle = 'position:absolute; ;background-color:#fefbd6;height: 75px; position: absolute;top: 50px;width: 150px;font-weight:bold;height: 80px;border-color: #FFFF99 ;';

位于光标左侧的工具提示：

lStyleLeft = 'position:absolute; ;background-color:#fefbd6;height: 75px; position: absolute;top: 50px;left:-150px;width: 150px;font-weight:bold;height: 80px;border-color: #FFFF99 ;';

【讨论】：

【解决方案2】：

最简单的方法是让窗口稍微宽一些以完全容纳工具提示。

如果点与浏览器窗口右边缘之间的距离小于工具提示的宽度，另一种方法是将工具提示更改为在该点的右侧打开。

【讨论】：

谢谢三十点，你能告诉我怎么做吗？？
如果您提供更多相关代码，我可以。这些更改可能需要使用 JavaScript 完成 - 而您还没有发布任何内容。如果您真的想要一个答案，请尝试为您的图表制作一个完整的jsFiddle demo。