I am working on app what is running on IE=Emulated7 (running fine) but now I have to add a iframe to load a external app( SPA app). Everything could be okay if I could change the next lines in my "parent" page...

FROM

<meta runat="server" http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

TO

<meta  runat="server" http-equiv="X-UA-Compatible" content="IE=edge" />

BUT I can't because there are other pages that needs have this IE7 mode.

I tried add IE=edge to my child page where iframe will be located, but doesn't works.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta id="OtherAppCompatibilityMeta" runat="server" http-equiv="X-UA-Compatible"  content="IE=edge" />
     <script>
    console.log("Iframe document mode: " + document.documentMode);
     </script>
    <style type="text/css"> 
       html, body{height: 100%;}
    </style>
</head>
<body>
<form id="form1" runat="server">
    <div style="height: 100%; width: 100%;">
      <iframe id="myId" runat="server" allowfullscreen="true"  style="position: absolute;height: 100%; width: 100%;border:0px"> </iframe>  
    </div>
</form>

From the header section, the output of document.documentMode is: "Iframe document mode: 11", So that is very strange for me. As I said before, Everything should be easier I could change the "parent" page to use Iframe document mode: 11 but i can't.

Related posts

Recent Viewed