IE浏览器的CSS悬停问题与Facebook/Twitter的/ + 1按钮

我有一个讨厌的问题，涉及社交媒体分享按钮的IE浏览器。当每个列表项悬停我揭示了使用简单的CSS项目下的粉色吧：IE浏览器的CSS悬停问题与Facebook/Twitter的/ + 1按钮

li:hover .pinkBar{display:block;}

在IE

不幸的是，当如果然后悬停任何共享按钮的I帧悬停似乎取消并重新隐藏粉色吧。即使共享按钮包含在<li>被徘徊。当我的鼠标进入共享按钮之一的iframe时，IE的行为就好像我在<li>上悬停了一样。

有没有人有任何想法或解决方案关于这个唯一的问题？

enter image description here

UPDATE： 问题通过使用JavaScript来手动添加和删除一个命名为 '悬停' 在mouseIn及移出类固定。我应用了这个.hover类的相同样式。

来源

2011-08-31 wilsonpage

+1有趣的...你应该写在作为一个答案并接受它。 –

我只需要等24小时回答我自己的问题。 – wilsonpage

哦，不需要等24小时。完整答案如下。 – wilsonpage

问题通过使用javascript手动添加和删除mouseOver和mouseOut上名为'hover'的类来解决。我应用了相同的风格.hover类，而不是:hover

JS：

var articleOver = function(){ 
    $(this).addClass('hover'); 
} 
var articleOut = function(){ 
    $(this).removeClass('hover'); 
} 

$('li').hover(articleOver, articleOut);

CSS：

li:hover .pinkBar{display:block;}//old method 
li.hover .pinkBar{display:block;}//new method

来源

2011-08-31 14:53:31 wilsonpage

IE浏览器的CSS悬停问题与Facebook/Twitter的/ + 1按钮

回答

相关问题