2011-11-10 9 views
1

イメージホルダーとしてfancyboxを使用しています。IEのすべてのバージョンを除くすべてのブラウザで問題なく動作します。私はすべての同様の質問を見てきましたが、助けにはなりませんでした。
私のDoctypeは<!DOCTYPE html>です。ヘッダにfancyboxプラグインの前に最新のjQueryが含まれています。私はFirebugにエラー警告がありません。
ページの1つがHereで、画像セクションが下部にあります。
私を助けてください。事前に感謝します。FancyboxはIEで動作しません:オブジェクトはこのメソッドをサポートしていません

ページを見に行くのに便利でない場合は、これは私のヘッダである:

<!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" > 
    <link rel="shortcut icon" href="http://img.dachaocai.com/sys/fav.ico" type="image/x-icon"/> 
    <link rel="stylesheet" type="text/css" href="http://img.dachaocai.com/css/global.css" media="screen, projection" /> 
    <!--[if lt IE 8]> 
    <link rel="stylesheet" type="text/css" href="/css/ie.css" media="screen, projection" /> 
    <![endif]--> 
    <script type="text/javascript" src="http://img.dachaocai.com/js/jq.js"></script> 
    <script type="text/javascript" src="http://img.dachaocai.com/js/global.js"></script> 
    <script type="text/javascript">isUser=false; </script> 
    <meta name="keywords" content="电影,铁甲钢拳 Real Steel(2011),肖恩·列维,休·杰克曼/Dako,剧照,海报,预告片" /> 
    <meta name="description" content="电影 铁甲钢拳 Real Steel(2011) 的预告片, 简介, 评分, 影评, 剧照, 海报与讨论 · 大巢菜·电影·文艺·more" /> 
    <link rel="stylesheet" type="text/css" href="http://img.dachaocai.com/css/bmfview.css" /> 
    <link rel="stylesheet" type="text/css" href="/clientscript/ui/jui.css" /> 
    <link rel="stylesheet" type="text/css" href="http://img.dachaocai.com/js/fb/fb2.css" /> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="http://img.dachaocai.com/js/bmf.js"></script> 
    <script type="text/javascript" src="http:///img.dachaocai.com/js/fb/fb.js"></script> 
    <script type="text/javascript"> 
    /*<![CDATA[*/ 
    $(function(){ 
     $(".fb").fancybox(); 
     ui(); 
     $("#pics .pagelink").click(function(){$("#imgs").html("<div class=\"loader\"><img src=\"http://img.dachaocai.com/sys/spinnerActive.gif\"/></div>");$this=$(this);$.ajax({url:"/j/getpics",data:{"t":"film","tid":tid,"p":$(this).html()},success:function(data){$("#imgs").html(data);$(".fb").fancybox();$("#pics .pagelink").attr("id","");$this.attr("id","curpage");ui();}})}); 
}); 
function ui(){ 
    $(".imgholder img").hover(function(){$(this).animate({"border-top-width":"3px","border-left-width":"3px","border-right-width":"3px","border-bottom-width":"10px"},200);},function(){$(this).css("border-width","0px");}); 
} 
    /*]]>*/ 
    </script> 
    <title>铁甲钢拳 Real Steel(2011) · 大巢菜</title> 
    <script type="text/javascript"> 

    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-25549966-1']); 
    _gaq.push(['_addOrganic', 'baidu', 'word']); 
    _gaq.push(['_addOrganic', 'soso', 'w']); 
    _gaq.push(['_addOrganic', 'yodao', 'q']); 
    _gaq.push(['_addOrganic', 'sogou', 'query']); 

    _gaq.push(['_trackPageview']); 
    _gaq.push(['_trackPageLoadTime']); 

     (function() { 
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
     })(); 

    </script> 
    </head> 

答えて

0

は、多分それは、このためです:

/*<![CDATA[*/ 

またはこの:

<!--[if lt IE 8]> 
<link rel="stylesheet" type="text/css" href="/css/ie.css" media="screen, projection" /> 
<![endif]--> 

取り外してみる

0

私は数ヶ月前に同様の問題を抱えていることを覚えていると思います。IEを強制的にIE 8互換モードにすることでした。

<meta http-equiv="X-UA-Compatible" content="IE=8" />

+0

それはどちらか、このメタタグをサポートしていない、IE6で動作しませんでしたので、私は、最初に考えただけでなく、それが理由ではないのです。とにかく、あなたの努力に感謝します。 – LotusH

関連する問題