-1

私は自分のウェブサイトに素晴らしいポップアップを実装しようとしています。IE10、FirefoxでもiPadでも動きます。しかし、何らかの理由で、ポップアップ モードの IE8 で画像が表示されません。(私はIE9でチェックしていません)。表示されるのは白い画面だけです。問題は何ですか?ここに私のリンクがあります: http://www.fietseling.org/media/routes2013/index.html

これがコードです: Magnific Popup

<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="http://www.fietseling.org/templates/nuni_fietseling/css/magnific-popup.css"> 

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- Magnific Popup core JS file -->
<script type="text/javascript" src="http://www.fietseling.org/templates/nuni_fietseling/js/jquery.magnific-popup.js"></script> 
</head>
<body>
<div class="window-content">

<img src="fotos/routekaart2013fotos_groot2.jpg" width="3000" height="1809" border="0" usemap="#Map"/>
<map name="Map">
  <area shape="rect" coords="420,25,570,75" alt="Fietseling" href="http://www.fietseling.org/routes/algemene-routekaart">
  <area shape="rect" coords="1320,490,1350,515" alt="Fietseling" class="test-popup-link" href="fotos/hers01_miemaan.jpg">
</map>
</div>
<script>
$(document).ready(function() {
  $('.test-popup-link').magnificPopup({type:'image'});
});
</script>
</body>
</html>

どうもありがとう

4

1 に答える 1

0

私はあなたの問題を抱えていると思います。

開発者ツールを確認したところ、あなたのウェブページは

IE5 の癖としてのドキュメント モード

スクリーンショット:

ここに画像の説明を入力

使用を修正するにはX-UA-Compatible

!--  Force IE to use the latest version of its rendering engine -->  
<meta http-equiv="X-UA-Compatible" content="IE=edge">

headタグ内。

ご理解いただければ幸いです:)

于 2013-07-25T10:20:40.423 に答える