jQuery Hover和IE

Question

我失去了我的发际线,可能是一分钟.如果你将 Chrome/Firefox中的这个网站与IE 进行比较,你会注意到如果你将鼠标悬停在每个条目上,在Chrome/FF中它将获得轻微的绿色背景,而在IE中,zilch/nada/zero/zippo ......

编码联谊会中的任何人都可以给出一些指示吗？不可否认,jQuery不是我的强项,这是代码有助于悬停效果:

$('div.availableNowListing').hover( function() {
    $(this).addClass('focus');
}, function() {
    $(this).removeClass('focus');
});

和CSS:

div.availableNowListingCatHeading {
    display: none;
    border: 1px solid #e6e6e6;
    margin-top: 20px;
    overflow: hidden;
    background-color: #efefef;}

div.availableNowListingCatHeading h3 {
    float: left;
    margin-left: 80px;
    margin-top: 20px;}

div.availableNowListingCatHeading img {
    margin: 5px;
    float: left;
    border: 1px solid #e3e3e3;}

.focus {
    background-color: #dbfcab;}

在此先感谢您看一眼:)

Answer 1

我猜它是div.availableNowListing因为你没有得到任何高度,因为你在里面浮动元素div.availableNowListing.

设置CSS属性overflow: hidden上div.availableNowListing,并尝试一下.

..fredrik