IE7/8:div输了:如果鼠标移动到div内的iframe上,则悬停!

Question

我正在尝试在列表中添加facebook"like button"和twitter"tweet button",我的列表结构是:

<list>
    <listItem>
        <iframeContainer>
            <iframe/>
        </iframeContainer>
    </listitem>
</list>

css是:

listItem iframeContainer {display:none;}
listItem:hover iframeContainer {display:block;}

IE7/8:问题是当鼠标在iframe上移动时,listItem失去了焦点.

我尝试通过csshover.htc修复它,但它没有修复它.

它在其他浏览器中工作正常.

你可以在这里查看:
http ://bit.ly/hsFtq6
你需要在网站上注册,这很简单快捷:)

谢谢

Answer 1

我已经修复了与csshover.htc相同的方法,虽然添加csshover.htc没有解决它!

if($.browser.msie){
     $('.item').live('mouseenter',function() {
        $(this).addClass('hover');
     });
     $('.item iframe').live('hover',function() {
        $(this).parents(".item").addClass('hover');
     });
     $(".item").live('mouseleave',function() {
        $(this).removeClass('hover');
     });
}

CSS:

.item:hover, .item.hover {background-color:#555;}