2012-04-26 91 views
0

以下圖像交換代碼在IE7中不起作用。我試過每一次都無濟於事。jQuery腳本不能在IE7(HTML5文檔類型)中工作

在這裏工作示例: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"); 
    }) 
}); 
+0

試試這個'.ie7 * {不透明度:繼承;過濾器:繼承; }' – undefined 2012-04-26 00:14:45

+0

嘗試在不透明度聲明(例如將「不透明度:0.8」更改爲「不透明度:0.8」)後刪除逗號。 IE對這些事情很敏感。您是否在開發控制檯中看到任何錯誤? – ingo 2012-04-26 00:17:32

+0

@Raminson不幸的是,它並沒有這樣做。謝謝您的幫助! – 2012-04-26 00:19:40

回答

0

到底它是實際的CSS語法不透明度。

IE8和更早版本需要是這樣的:

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