Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 工具提示被弹出窗口阻止_Javascript_Css - Fatal编程技术网

Javascript 工具提示被弹出窗口阻止

Javascript 工具提示被弹出窗口阻止,javascript,css,Javascript,Css,我的工具提示被弹出窗口阻止。 请看这里的图片 正如您所看到的,我的工具提示被弹出窗口阻止 我的工具提示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 { fon

我的工具提示被弹出窗口阻止。 请看这里的图片

正如您所看到的,我的工具提示被弹出窗口阻止

我的工具提示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;

}

请告诉我如何解决此问题???

最简单的方法是将窗口稍微加宽以完全容纳工具提示


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

使用工具提示的左侧定位完成thirtydot的回答

常规工具提示:

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

谢谢你,三十点,你能告诉我怎么做吗?如果你能提供更多的相关代码,我可以。这些更改可能需要使用JavaScript来完成,而您还没有发布任何更改。如果你真的想要一个答案,试着做一个完整的图表。