IFrame不会保留CSS样式

时间:2014-07-01 14:53:30

标签: css iframe

我有一个第三方应用程序,它可以在称为容器的东西中托管HTML。在容器中,我们执行以下操作:

    <meta content="IE=EmulateIE9" http-equiv="X-UA-Compatible" />
    <iframe style="WIDTH: 100%; HEIGHT: 640px" id="c_list" 
     src="/Path/ToMVC/ControllerPage" width="100%"></iframe>

在ControllerPage使用的_layout.cshtml中,我们硬编码了head元素中CSS的链接。如果我右键单击并选择&#34;查看源&#34;,我可以看到路径。例如:

    <link href="/Project/Content/Sheet.css" rel="stylesheet"/>

尽管如上所述,Sheet.css中的CSS被忽略/删除/未使用。当我查看&#34; / Path / ToMVC / ControllerPage&#34; URL在自己的窗口中,所有的CSS渲染都没有问题。如何强制IFrame停止删除CSS?

编辑:好的,我做了一个发现。使用F12开发工具,我注意到使用IFrame的页面在IE怪癖模式而不是IE标准模式下运行(这是在IFrame外部查看的页面)。当我将其更改为IE 9标准模式时,所有的CSS都有效!有没有办法可以强制IFrame页面使用IE9标准而不是Quirks模式?

0 个答案:

没有答案