2011-09-14 78 views
0

我一直在嘗試使用跨瀏覽器的iFrames獲取CSS工具提示,但Chrome瀏覽器出現問題。使用iFrames獲取CSS工具提示在Chrome中工作

這是一個測試頁面我放在一起:http://paulleduc.com/test.html

正如你所看到的,它按預期工作在FF和IE瀏覽器,用工具提示彈出的每一個字的時間出現在正確。但是,在Chrome中,工具提示大多數時候會彈出在屏幕左側,只有當您將鼠標懸停在「從左到右」的單詞上時,纔會彈出正確的位置。

任何想法得到這個工作在鉻將不勝感激,

謝謝!

回答

0

我不知道您正在使用的工具提示版本。但是,我用這一個

http://www.dynamicdrive.com/dynamicindex5/popinfo.htm

和我有它的工作對鉻或FF沒問題,它在每一個我測試瀏覽器的工作,它還配備了真的很好的說明。

我不確定它是否應該是這樣,但是當我將鼠標懸停在您的鏈接上時,它只是打開一個小方塊,我可以看到谷歌主頁。

但是,嚴重的是,我發佈的DHTML工具提示以上的工作非常適合跨瀏覽器,請讓我知道如果您決定使用它,它是如何工作的。

+0

嘿,不幸的是我的目的是我需要的代碼非常小,沒有使用框架,因爲工具提示基本上將通過我託管的JavaScript插入到任何網頁中。 – Paul

+0

而你在google主頁中看到的正方形是我在工具提示中使用的測試iframe。查看源代碼顯示工具提示代碼非常簡單。 – Paul

+0

很酷。對不起,我不能有更多的幫助... – GrooveChampion

0

請確保您使用的是最新版本的Chrome。我使用的是Chrome 17.0.942.0(官方版本110446)dev-m,並且無法重現問題 - 工具提示立即彈出到鏈接的右側。但是,由於「拒絕顯示文檔,因爲X-Frame-Options禁止顯示」,所以它們的內容是空的。錯誤(我認爲是無關的)。