彈出式窗口不顯示在IE瀏覽器（帶有放大鏡）

-1

我想在我的網站上實現放大彈出窗口。它適用於IE10，即使在iPad上也可以結束。但出於某種原因，在彈出模式下，圖像未顯示在IE8中。（我沒有在IE9中檢查過）。它顯示的只是一個白色屏幕。可能是什麼問題？這裏是我的鏈接：http://www.fietseling.org/media/routes2013/index.html 彈出式窗口不顯示在IE瀏覽器（帶有放大鏡）

此代碼：彈出Magnific酒店

<!-- 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>

非常感謝

來源

2013-07-25 Marc Willems

彈出窗口在哪裏？我應該怎麼做才能獲得彈出窗口？發佈相關的代碼？ – Praveen

該鏈接顯示了一張地圖的圖片，其上有幾個小圖標，您可以通過點擊顯示一個更大圖像的彈出窗口。 –

如果您發佈相關的代碼，它會更容易幫助您。 – Qiu

我覺得我得到了你的問題。

當我檢查了開發者工具，我發現，隨着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-25 10:20:40 Praveen

我已經在頁面中添加了元行，但似乎並沒有解決彈出的問題。 –

隨着關於模式的提示，我也使用開發人員模式，並看到它不能在怪癖模式下工作，當我將其更改爲IE8標準時，它確實有效。我已經添加了DOCTYPE語句以避免怪癖模式。謝謝。 –

@MarcWillems很高興聽到，我的回答幫助你。 – Praveen

彈出式窗口不顯示在IE瀏覽器（帶有放大鏡）

回答

相關問題