Css IE8将鼠标悬停在列表中的iframe和js上(no href!)

Css IE8将鼠标悬停在列表中的iframe和js上(no href!),css,iframe,internet-explorer-8,hover,html-lists,Css,Iframe,Internet Explorer 8,Hover,Html Lists,我正在尝试创建一个定制的社交媒体共享列表,其中包含指向某些社交媒体(twitter等)图标的href链接 列表还包括两个非简单href链接的“外部”元素: Facebook“喜欢”按钮作为iFrame,以及 Google+1按钮作为js 请参见上的简化示例 为了消除网站的混乱,我决定只显示一行图标(链接),其他图标只有在鼠标悬停在包装div上时才可见(类似于wordpress的sexybookmarks插件,只是没有令人讨厌的用户跟踪) 这在除IE8之外的所有浏览器中都能正常工作(令人震惊的

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

  • Facebook“喜欢”按钮作为iFrame,以及
  • Google+1按钮作为js
请参见上的简化示例

为了消除网站的混乱,我决定只显示一行图标(链接),其他图标只有在鼠标悬停在包装div上时才可见(类似于wordpress的sexybookmarks插件,只是没有令人讨厌的用户跟踪)

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

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

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

我知道IE8在一般情况下存在悬停问题,但我找不到解决这个问题的任何方法

非常感谢您的帮助


谢谢

bump,bump,有人吗?。。。我确信有一些CSS向导知道一个简单的答案,尽管我承认现在找到IE8的答案不再那么性感了。不幸的是,仍然有人在使用该浏览器,有人告诉我……你应该从小提琴上删除你的谷歌分析代码;)我真的不知道你有什么问题。将鼠标悬停在div.socialbar上,只会使FF/IE8/IE9上的G+和FB按钮可见。嗨,菲利安,谢谢你的评论。问题是,悬停确实会显示这两个按钮,但您不能单击它们!它们在IE8中消失。至于谷歌分析:???这是G+按钮附带的吗?你知道怎么摆脱那些垃圾吗?