CSS / javascript懸停無法在Chrome中正確顯示

Question

我正在構建一個站點，該站點的圖像地圖菜單帶有一個彈出框，當鼠標懸停在特定區域上時，該彈出框應該會彈出鼠標。 它在firefox和IE中很好用，但是當我在chrome中加載頁面時，框看起來好像頁面沒有滾動。 如果將頁面一直滾動到頂部，則效果很好，但是一旦用戶向下滾動，這些框就會在頁面上居高不下。

我正在使用從http://www.dhtmlgoodies.com/index.html？獲得的腳本？whichScript = bubble_tooltip www（dot）dramanotebook（dot）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渲染器仍需要此修復程序嗎？ 誰知道。 您可以嘗試將其注釋掉，看看是否可以解決。