请在此处查看我的图片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
}
请帮助解决此问题
答案 0 :(得分:0)
我相信你必须实现一个javascript检测方法来检测工具提示何时出现在窗口的右边缘附近。然后,您可以相应地重新定位工具提示,或者更改其锚点。