工具提示被POPUP窗口阻止

我的工具提示被POPUP窗口阻止。请看这里工具提示被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; 

}

请告诉我如何解决这个？

来源

2011-05-31 Kiran

用工具提示的左侧定位完成三十条的回答。

普通提示：

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

来源

2011-05-31 10:13:42 Damien

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

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

来源

2011-05-31 08:50:20 thirtydot

谢谢thirtydot，请你告诉我如何做到这一点？ – Kiran 2011-05-31 09:18:47

我可以，如果你提供了更多的相关代码。这些变化可能*需要用JavaScript完成 - 而且你还没有发布任何内容。如果您真的*想要一个答案，请尝试制作完整的[jsFiddle演示]（http://jsfiddle.net/）。 – thirtydot 2011-05-31 20:44:39

工具提示被POPUP窗口阻止

回答

相关问题