1

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

  • Facebook“喜欢”按钮作为 iFrame,以及
  • Google +1 按钮作为 js

请参阅jsfiddle上的简化示例

为了整理我的网站,我决定只显示一排图标(链接),其他图标仅在将鼠标悬停在包装 div 上时可见(类似于 wordpress 的性感书签插件,只是没有讨厌的用户跟踪)。

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

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

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

我知道 IE8 通常存在悬停问题,但我找不到任何解决此特定问题的方法。

任何帮助是极大的赞赏。

谢谢

4

0 回答 0