为什么我的CSS工具提示在Google Chrome中无法正常运行,但在Firefox中却不错?

时间:2010-06-07 20:03:42

标签: css safari google-chrome webkit tooltip

http://betawww.helpcurenow.org/media/press/

你会看到我在一个锚中使用了跨度,并将span.hover-description设置为display:none;默认情况下,在a:hover上,该跨度设置为显示块,并且当将鼠标悬停在“For Immediate Release”联系人姓名的名称和电子邮件上时,绝对定位以创建工具提示效果。

Firefox中的一切看起来都很理想,但Chrome在某个地方显露出我未知的错误。

有什么问题会导致Chrome无法像Firefox一样显示?

顺便说一下,资源管理器会按预期显示工具提示,虽然我在名称下面会出现一个时髦的底部边距问题,但Safari与Chrome有同样的问题(必须是我需要适应的webkit渲染设置)。

1 个答案:

答案 0 :(得分:0)

好的,我明白了。由于我使用了一个相当复杂的嵌套结构来完成CSS工具提示,我忽略了一个事实,即我实际上在p中嵌套了一个p标签,当然这是禁止的。

Firefox对许多验证错误非常友好,但Chrome和Safari似乎要严格得多。

最后,我将p更改为span元素,并且所有浏览器都适用。