我正在尝试在我的网站上实现宏伟的弹出窗口。它适用于 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>
非常感谢