I'm trying to add facebook "like button" and twitter "tweet button" on a list, my list structure is:
<list>
<listItem>
<iframeContainer>
<iframe/>
</iframeContainer>
</listitem>
</list>
css is:
listItem iframeContainer {display:none;}
listItem:hover iframeContainer {display:block;}
IE7/8: the problem is when mouse moves over the iframe the listItem loses its focus.
I tried to fix it by csshover.htc but it doesn't fix it.
It works fine in other browsers.
you can check it out live here:
http://bit.ly/hsFtq6
you need to signup at website, it's easy and fast :)
Thanks
I've fixed it by the same way as csshover.htc though adding csshover.htc didn't fix it!
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;}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With