html - 使带有 iFrame 的 CSS 工具提示在 Chrome 中工作

标签 html css google-chrome iframe tooltip

我一直在尝试通过跨浏览器工作的 iFrame 获得 CSS 工具提示,但 Chrome 有问题。

这是我放在一起的测试页:http://paulleduc.com/test.html

如您所见,它在 FF 和 IE 中按预期工作,工具提示每次都会弹出到单词的右侧。然而,在 Chrome 中,工具提示大多数时候会在屏幕左侧弹出,而且只有当您将鼠标悬停在“从左到右”的单词上时,它才会弹出正确的位置。

任何让这个在 Chrome 中工作的想法都将不胜感激,

谢谢!

最佳答案

我不知道您具体使用的工具提示版本。但是,我用这个

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

我对它在 chrome 或 FF 上的工作没有任何问题,它在我测试过的每个浏览器上都可以工作,它还附带了非常好的说明。

我不确定它是否应该是这样的,但是当我将鼠标悬停在您的链接上时,它只会打开一个小方 block ,我可以看到谷歌主页。

但说真的,我在 DHTML 工具提示上方发布的那个在跨浏览器上运行得非常好,如果您决定使用它,请告诉我它是如何工作的。

关于html - 使带有 iFrame 的 CSS 工具提示在 Chrome 中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7424053/

相关文章:

javascript - 单击时,将先前单击的图标切换回其原始状态

CSS 箭头在与右侧对齐时出现故障

angular - ERR_INVALID_HTTP_RESPONSE 在 Google Chrome 浏览器中使用 Angular 7 和 ASP.Net Core 2.2

css - 为什么 CSS 属性在 Chrome、FF、Opera 中有不同的名称?

css - IE 7 和 8 无法加载(或可能正确级联)样式表的一部分

json - JSON.parse()在Chrome上崩溃

javascript - 范围 0-100 使用 jQuery inputmask 插件

html - 按钮文本位置与浏览器不同

html - 如何用颜色创建叠加效果

html - 表格不继承宽度