如何使页面窗口边框不解释工具提示DIsplay

时间:2011-05-18 22:32:05

标签: css

请在此处查看我的图片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
}

请帮助解决此问题

1 个答案:

答案 0 :(得分:0)

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