【问题标题】: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
      猜你喜欢
      • 1970-01-01
      • 2015-05-05
      • 2023-03-06
      • 1970-01-01
      • 2020-05-04
      • 1970-01-01
      • 1970-01-01
      • 2017-11-28
      • 1970-01-01
      相关资源
      最近更新 更多