IE8将鼠标悬停在iframe和js列表中(没有href!)

时间:2012-08-29 12:12:29

标签: css iframe internet-explorer-8 hover html-lists

我正在尝试创建一个自定义的社交媒体共享列表,其中带有图标的href链接到一些社交媒体(推特等) <ul>列表还包括两个不是简单href链接的“外部”元素:

  • Facebook“赞”按钮作为iFrame,
  • Google +1按钮为js

请参阅jsfiddle

上的简化示例

为了消除我的网站杂乱,我决定只显示一行图标(链接),其他只在悬停覆盖div时显示(类似于wordpress的sexybookmarks插件) ,只是没有讨厌的用户跟踪)。

除了IE8之外,所有浏览器都可以正常使用(令人震惊的是......我放弃了IE7及更旧版本):
当鼠标悬停在href链接上时,FB“Like”和“g + 1”按钮都可见,但在尝试悬停或单击这些按钮时会立即消失。

尝试调整窗口大小只显示三个“图标”:将鼠标悬停在其他两个href“图标”上工作正常,但将鼠标悬停在“喜欢”和“1+”上将无法正常工作

这让我相信问题是IE8无法将列表元素中的iframe和js识别为可以悬停的有效元素。怎么可以解决?

我知道IE8一般都有悬停问题,但我找不到任何解决这个问题的方法。

非常感谢任何帮助。

由于

0 个答案:

没有答案