Question

我有一个html页面，它在iframe中呈现一个html页面，其中我的页面为整个内容添加了一个顶部栏。为了使整个页面呈现无缝，我不得不依赖于页面的quirksmode渲染来显示以下内容:(类似于google图像结果页面的方式（页面u点击带顶框的图像） -

<table>
    <tbody>
        <tr>
            <td>
               <!-- Top bar content -->
           </td>
       </tr>
       <tr>
            <td>
                <iframe src="http://anysite.com/"/>
            </td>
       </tr>
    </tbody>
</table>

这里的问题是有些页面在怪癖模式下无法正确渲染。因此他们在iframe中没有正确出现。我将如何克服这个问题？我可以在标准模式下呈现iframe，而整个页面以怪癖模式呈现（我不能妥协）。

有替代解决方案吗？

Answer 1

延迟回答...但是如果您使用对象标记而不是iframe标记，则在IE中它将更改渲染模式。

<html>
<head>
    <title>Quirks mode + iframe test</title>
</head>
<body>
    <object type="text/html" data="http://stevesspace.com/test/quirks/modern.html" style="width: 300px; height: 500px;"></object>
</body>
</html>

不幸的是，在IE10中，如果外部页面使用

在IE8模式下呈现，则这不起作用

<META http-equiv=X-UA-Compatible content=IE=8>

我还在寻找解决方案......

另见iframe not rendering in ie9 mode when containing page is in quirks mode

Answer 2

根据这篇文章（http://css-tricks.com/ie-iframe-quirksmode/），iframe中父页面处于怪癖模式的页面也将以怪癖模式呈现。

根据作者的说法，除了建立坚固到足以抵御怪癖模式破坏的页面之外，你无能为力。

当父项以Quirks模式呈现时，iframe内容是否可以在标准模式下呈现？

2 个答案: