IE8 & 9 Html 渲染问题

Question

我们有一个用于 SharePoint 2013 的 Web 部件，它在 Iframe 中呈现视频，在 Iframe 之后有一个带有按钮的文本框可以对其进行评论。它在 IE 10 和 IE 11 上运行良好，但在 IE8 和 IE9 中，它不会在 Iframe 之后呈现任何 html。同样在检查元素中，它不显示任何文本框按钮的 html。

在当前页面的页面源中，它显示 html 是用于文本框和按钮的。

Web 部件的 Html 类似于：

<iframe width="500" height="250" src="/_layouts/15/videoembedplayer.aspx?extSrc=http://myurl/siteassets/video.mp4" data-duration="0">iframe not supported</iframe>
<br/><br/>
<div>
<fieldset>
<legend></legend>
<input type="text" id="comment" />
<input type="submit" value="Comment" />
</fieldset>
</div>

我也检查了 css，没有 css 隐藏它。

谢谢

Answer 1

您的 HTML 无效。您错过了一个属性值的引用。这可能会导致某些浏览器将 iframe 的结束标记视为开始标记的一部分，因此它后面的所有内容都是不支持 iframe 的浏览器的替代内容的一部分。

使用a validator。