Question

我正在尝试在我的网站上实现大胆的弹出窗口。它适用于IE10，甚至可以在iPad上使用Firefox。但由于某些原因，图像不会在弹出模式下显示在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>

非常感谢

Answer 1

我想我遇到了你的问题。

当我查看开发者工具时，我发现您的网页正在使用

文档模式为IE5怪癖

截图：

enter image description here

修复使用X-UA-Compatible

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

在head标记内。

希望你明白：）

弹出窗口没有在IE中显示（带有弹出窗口）

1 个答案: