2012-03-06 41 views
0

我正在尝试对我正在处理的网站上的图像执行悬停效果。我遇到了两个问题。首先是浏览器的具体情况,这是我的主要担心。IE如何处理无内容定位标记?

锚标签的问题:

当我查看网站在Chrome,Safari和Firefox的工具提示(Jquery tools)按预期工作。在查看IE浏览器时,悬停在上面真的很奇怪。当您的鼠标位于锚标签的最外面一行像素(边框)上时,似乎只能识别悬停。在Internet Explorer中,结果无法查看工具提示。我试过用Jquery工具以外的方式来做这件事,但即使使用HTML事件“onmouseover”,也会发生同样的效果。

我在试验这件事的时候尝试了几件事情,似乎如果我把某些东西放在锚标签中,就像文本一样,文本扩展了可靠区域。这很有趣,因为这只发生在Internet Explorer中。

对于我的环境,我在27" 运行与最新的Chrome,火狐,Safari和Internet Explorer 8测试兼容性监测

二z-index的问题:

我遇到的第二个问题是使用工具提示,好像工具提示虽然采用最高的z-index,但却隐藏在我所面对的一所学校的形象之后,我想你们其中一个可能有一个线索是怎么回事,因为我很难过。

查看站点

我把网站放在jsfiddle.com上并最小化了它。这是我发布的项目的链接。

http://jsfiddle.net/keirp/B9Cgc/

回答

0

给你<a>一些尺寸和/或显示块或内联块。 IE浏览器无法获得<a>的位置,当它们与其中没有任何内联时

+0

我刚刚这样做,但它似乎并没有解决它。我已经在链接的内联样式中有尺寸。 – 2012-03-06 01:20:15