2011-09-14 53 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禁止显示”,所以它们的内容是空的。错误(我认为是无关的)。