2013-06-20 50 views
0

我一直在研究jQuery的這個片段,在Chrome和Firefox中工作正常,即10,即9,但即8將無法正常工作。我錯在哪裏,寫的jquery似乎是正確的。我可以做些什麼來增強這個代碼並使它在ie上運行。8.檢查Chrome或Firefox右上角的搜索欄(它具有工作功能)。然後檢查它,即8。似乎代碼正在終止或不完成該功能?訪問harley.bushcommunications.com。簡單的JQuery animate();不在ie 8中工作?

/* SEARCH DROP DOWN */ 

$('#header .search').mouseenter(function() { 
    $('.search').css({'z-index': '2', 'filter': 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)', '-ms-filter': '"progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)"'}); 
    $('#header .search').animate({width: '15%'}); 
    $('#header .search > ul').show(); 
    $('#header input.input-hide, .search-submit').css({'display': 'block'}); 
    $('.cal').css({'z-index': '1'}); 
    $('.cal .right-text').fadeOut(); 
}); 

$('#header .search').mouseleave(function() { 
    $('#header > .serach > ul > p').css({'opacity': '0.0'}, 0); 
    $('.cal').css({'z-index': '2'}); 
    $('.search').css({'z-index': '1'}); 
    $('#header .search > ul').hide(0); 
    $('#header .search').animate({width: "125"}, 250); 
    $('input.input-hide, .search-submit').hide(); 
    $('.cal .right-text').fadeIn(); 
}); 

/* CALENDAR DROP DOWN */ 

$('#header .cal').hover(function() { 
    $(this).animate({width: '15%'}, 250, 'linear'); 
    $(this).find('ul').animate({'height': '200'},1000, 'easeOutBounce'); 
    $('.calendar').show(); 
}, 
function() { 
    $('#header .cal').animate({width: '125'}, 500); 
    $('#header .cal > ul').animate({height: '0'}, 250, 'linear'); 
    $('.calendar').hide();    
}); 

回答

2

IE8不支持opacity。它改爲使用filter:alpha(opacity=X),其中X是從0到100的值。