CSS / javascript悬停在Chrome中无法正确显示

Question

我正在构建一个网站，其中有一个带有弹出框的图像地图菜单，当鼠标悬停在特定区域上时，弹出框应该弹出鼠标。它在firefox和IE中运行良好但是当我在chrome中加载页面时，框显示为好像页面没有滚动。如果页面一直滚动到顶部，它可以正常工作，但只要用户向下滚动，页面上的框就会显示为高。

我正在使用我从http://www.dhtmlgoodies.com/index.html?whichScript=bubble_tooltip www（点）dramanotebook（点）com / menu /获得的脚本（我只能放入一个超链接）

提前感谢您的帮助

Answer 1

这个脚本中的一个错误也显示在示例页面上。也许它足以删除这一行：

if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 

Answer 2

我打算问'你在Safari中试过吗？'，因为Chrome和Safari都使用了webkit引擎。

看看.js文件。

function showToolTip(e,text){
/* blah blah*/
var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; /**** THIS  ****/
var leftPos = e.clientX - 100;
/*etc.*/
}   

它使用userAgent字符串专门应用于Safari。 Chrome也会在用户代理字符串中发送“Safari”，因此它也会将其应用于Chrome。这通常被认为是一种糟糕的做法。一般来说，我会说来自dhtmlgoodies的脚本已经过时了。新的webkit渲染器是否仍需要此修复程序？谁知道。您可以尝试将其评论出来并查看是否可以修复它。