2013-06-20 6 views
0

저는 크롬과 파이어 폭스에서 잘 작동하는 jquery의 스 니펫에 대해 작업 해 왔습니다. 즉, 10과 9이지만 작동하지 않습니다. 어디에서 잘못 되었습니까, 작성된 jquery는 옳은 것 같습니다. 이 코드를 향상시키고 작동 시키려면 어떻게해야합니까? 8. 크롬이나 파이어 폭스의 오른쪽 상단 모서리에있는 검색 창을 확인하십시오 (작동하는 기능이 있음). 그런 다음 즉 8에서 확인하십시오. 마치 코드가 종료되거나 함수를 완료하지 않은 것처럼 보입니까? harley.bushcommunications.com을 방문하십시오.간단한 JQuery animate(); 즉 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을 지원하지 않습니다. 대신 X가 0에서 100 사이의 값인 filter:alpha(opacity=X)을 사용합니다.

관련 문제