Question

我的工具提示被POPUP窗口阻止。请看这里的图像

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;

}

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

Answer 1

最简单的方法是使窗口略宽，以完全适应工具提示。

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

Answer 2

使用工具提示的左侧定位完成thirtydot的答案。

正常工具提示：

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 ;';

工具提示被POPUP窗口阻止

2 个答案: