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

标签 javascript css google-chrome tooltip hover

我正在构建一个具有图像映射菜单的站点,该菜单带有一个弹出框,当鼠标悬停在特定区域上时,该弹出框应该会在鼠标处弹出。它在 firefox 和 IE 中运行良好,但是当我在 chrome 中加载页面时,框看起来好像页面没有滚动。如果页面一直滚动到顶部,它工作正常,但一旦用户向下滚动,页面上的框就会变高。

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

在此先感谢您的帮助

最佳答案

这是此脚本中的一个错误,该错误也出现在示例页面上。也许删除这一行就足够了:

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

关于javascript - CSS/javascript 悬停在 chrome 中无法正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3366553/

相关文章:

html - 100 % 高度 - 带标题的相对 div

ruby-on-rails - 尝试使用heroku上的rails应用程序从S3获取图像时出现ERR_CERT_COMMON_NAME_INVALID

javascript - React + Firebase 组件不会在数据更改时重新呈现(删除)

JavaScript RegExp 不能使用两次?

javascript - ScrollMagic:当内容与固定区域重叠时隐藏内容

google-chrome - 浏览器中的 Ec2 公共(public) DNS 和地址 net::ERR_INSECURE_RESPONSE

google-chrome - 如何从 Visual Studio 代码启动 Chrome?

javascript - rails : best way to test an action called remotely?

javascript - 根据背景图像大小调整 div 大小的脚本——在 Firefox 中不起作用

css - Bootstrap 网格 - center-block 不将元素定位在中心 - 为什么?