jQuery 스크립트가 IE7 (HTML5 Doctype)에서 작동하지 않습니다.

Question

다음 이미지 스왑 코드가 IE7에서 작동하지 않습니다. 나는 쓸모 없어 질 수있는 모든 노력을 다했다. 여기

작업 샘플 : 여기서 http://www.bcsstaging.com/lamaze-intimates/bras.php

JQuery와 결국

$(document).ready(function() { 

    //Setup each produce switcher on the page 
    $(".item").each(function(){ 
     $(this).find(".preview .thumbnails").show(); 
     var imgTitle = $(this).find(".thumbnails img:first-child").attr("title"); 
     $(this).find("a:first").addClass("active"); 
     $(this).find(".caption").html(imgTitle);   
    }); 

    //Update Image on Click 
    $(".thumbnails a img").click(function(){    
     var navParent = $(this).parent().parent(); 
     var itemParent = $(this).parent().parent().parent(); 
     var imgTitle = $(this).attr("title"); 
     var previewImg = $(itemParent).find("img.main");    
     var link = $(this).parent();  
     var linkHref = link.attr("href");   
     var linkAlt = link.attr("alt");   

     if($(link).hasClass("active") == false) 
     { 
      $(navParent).find("a").removeClass("active"); 
      link.addClass("active");            
      $(previewImg).animate({ 
       opacity: 0.8, 
      }, 300, function() { 
       if(imgTitle != "") $(itemParent).find(".caption").html(imgTitle); 
       previewImg.attr("src", linkHref);    
       previewImg.attr("alt", linkAlt);     
       $(this).animate({ 
        opacity: 1, 
        }, 300 
       );       
      });   
     } 
     return false; 
    }); 
    $("input").click(function(){ 
     $("p.more").fadeIn("slow"); 
    }) 
}); 

Answer 1

그것이 실제 CSS 불투명도 구 하였다하다.

IE8 및 이전 필요성이 이렇게 될 :

filter:alpha(opacity=80); /* For IE8 and earlier */