html – 如何强制iframe在标准父框架下运行怪癖

前端之家收集整理的这篇文章主要介绍了html – 如何强制iframe在标准父框架下运行怪癖前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们有一个父页面必须以IE9标准模式运行,执行HTML5命令.
在下面我们有一个iframe必须以兼容模式运行(IE7 / 8).

在IE9中,据了解,iframe从父级继承其doctype.那是对的吗?
有没有解决这个问题?可以,不知何故,iframe在标准模式下执行的怪异的doctype doctype父框架?
谢谢,
塔尔

解决方法

在IE9中的iframe子句中触发不同的渲染模式是不可能的: http://msdn.microsoft.com/en-us/library/gg558056(v=vs.85).aspx(加重):

Although the newer rendering engine is only used when Windows Internet
Explorer detects that an HTML page has requested the highest level of
support for standards,the same is not always true for child pages
that might be loaded within frame and iframe elements. Because only
one rendering engine can be active at a time
,IE9 Mode also includes
emulation for Quirks Mode.

然而,正如所述,您可以触发“怪癖模式仿真”,使得IE9渲染引擎处于活动状态,但以几种方式改变其行为以匹配旧怪癖模式.

JSBin演示:http://jsbin.com/ozejuk/1/

这个例子有一个带有风格背景的div:#ff0000;背景:00ff00; border-radius:30px …在怪异模式下,不接受#的十六进制颜色.在IE9模式下,它们不是.在IE9中加载演示将在父页面显示一个红色div,并在iframe中显示一个绿色div(但仍然有圆角).

如何在iframe中触发怪异模式仿真:http://msdn.microsoft.com/en-us/library/gg558096(v=vs.85).aspx

简短版本:省略DOCTYPE,添加:< Meta http-equiv =“X-UA兼容”content =“IE = EmulateIE7”/>

完整的效果怪异模式仿真列表有:http://msdn.microsoft.com/en-us/library/gg558047(v=vs.85).aspx

猜你在找的HTML相关文章