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

我正在構建一個網站，其中包含一個彈出框，當鼠標懸停在特定區域上時，應該彈出鼠標的圖像地圖菜單。它在firefox和IE中效果很好，但是當我用chrome加載頁面時，框出現，就好像頁面沒有滾動一樣。如果頁面一直滾動到頂部，它就可以正常工作，但只要用戶向下滾動，頁面上的框就會變爲高。CSS/javascript懸停在Chrome中無法正確顯示

我使用一個腳本，我從http://www.dhtmlgoodies.com/index.html?whichScript=bubble_tooltip萬維網（點）dramanotebook得到（點）的COM /菜單/（我只能把一個超鏈接）

在此先感謝您的幫助

來源

2010-07-29 Micahel

那是一個此腳本中的錯誤也出現在示例頁面上。也許它足以刪除這一行：「？有你在Safari中嘗試過這種」

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

來源

2010-07-29 20:21:38

我要問，因爲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.*/ 
}

它有一個專門用於Safari的修正，使用userAgent字符串。 Chrome也會在用戶代理字符串中發送'Safari'，所以它也會將其應用於Chrome。這通常被認爲是不好的做法。總的來說，我認爲dhtmlgoodies的腳本非常過時。這個修補程序仍然需要更新的webkit渲染器嗎？誰知道。你可以試着評論一下，看看是否能解決它。

來源

2010-07-29 20:24:29 JAL

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

回答

相關問題