-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 回答