css - 如何使页面窗口边框不打断Tooltip DIsplay

Question

请在这里查看我的图片http://www.tiikoni.com/tis/view/?id=eba96bb

可以看到工具提示显示在窗口旁边，如何解决？？

我负责显示标记的代码和 css 是

'position:absolute; z-index:1;background-color:#fefbd6;border-bottom:30px;height: 75px;-moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666;position: absolute;box-shadow: 3px 3px 3px #666;left: 50px;top: 50px;width: 150px;border-top: 20px;  font-weight:bold;  solid #77c;height: 80px;border-color: #FFFF99 transparent transparent transparent;';

还有我的CSS

.flotr-mouse-value {
    font-size: 14px;
    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;
    bottom:-40px;
    left:20px
}

请帮忙解决这个问题

Answer 1

我相信您必须实现一个 javascript 检测方法来检测工具提示何时会出现在窗口的右边缘附近。然后，您可以相应地重新定位工具提示，或者更改其 anchor 。