具体哪些因素会导致IE8触发兼容模式？

作者: 那年
发布时间: 2025-01-22 05:03:43 (14天前)
转自：

5 条回复

0#
回复此人
❀⚘粉༵红༵回༵忆༵⚘❀ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我知道这是一个老问题，但我想我会添加一些我刚刚遇到的东西。我遇到了强制兼容模式的问题，我无法追踪来源。我手动将页面从兼容模式中删除，并注意到某些字符没有显示出来。它最终是一个在伪元素上使用自定义字符的项目符号列表： </p> <pre> <code> li:before { content: '\25B6'; } </code> </pre> <P> 作为一个快速修复，我最终只是为IE少于9覆盖这个： </p> <pre> <code> .lt-ie9 li:before { content: ''; } </code> </pre> <P> <a href="http://www.clockwork.net/blog/2013/10/08/657/how_to_avoid_forced_compatibility_mode_in_ie8_and_keep_your_custom_fonts" rel="nofollow"> 本文 </A> 给了我寻找错误处理字符的想法。希望如果他们偶然遇到类似的问题，这对他们有帮助！ </p> </DIV>

编辑
1#
回复此人
無口君 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 以下内容来自MSDN文章“ <a href="http://msdn.microsoft.com/en-us/library/jj676914%28v=vs.85%29.aspx" rel="noreferrer"> 控制默认渲染 </A> ”。 </p> <P> </p> <HR /> 请注意，某些条件（如此处列出的条件）可能会强制Internet Explorer以不同于网页中指定的文档兼容模式显示页面。 <P> </p> <UL> <LI> 已为页面启用兼容性视图。 </LI> <LI> 该页面将加载到Intranet区域，并且Internet Explorer配置为对从Internet区域加载的页面使用兼容性视图。 </LI> <LI> 页面从用户的本地文件系统加载（这意味着页面加载在Intranet区域中），并且Internet Explorer配置为对从Internet区域加载的页面使用兼容性视图。 </LI> <LI> Internet Explorer配置为在兼容性视图中显示所有网站。 </LI> <LI> Internet Explorer配置为使用兼容性视图列表，该列表指定始终显示在兼容性视图中的一组网站。 </LI> <LI> 开发人员工具用于覆盖网页中指定的设置。 </LI> <LI> 网页遇到页面布局错误，并且Internet Explorer配置为通过在兼容性视图中重新打开页面自动从此类错误中恢复。 </LI> <LI> 该页面包含一个Web标记，用于指示它在特定区域中加载。 </LI> </UL> <P> 这些链接提供了其他信息，描述了Internet Explorer如何确定网页的相应文档模式： </p> <UL> <LI> <a href="http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx" rel="noreferrer"> Internet Explorer博客：站点开发人员的兼容性功能 </A> </LI> <LI> <a href="http://blogs.msdn.com/b/ie/archive/2009/02/16/just-the-facts-recap-of-compatibility-view.aspx" rel="noreferrer"> Internet Explorer博客：兼容性视图回顾 </A> </LI> <LI> <a href="http://msdn.microsoft.com/en-us/library/ff406036%28v=vs.85%29.aspx" rel="noreferrer"> Internet Explorer标准支持概述，第2.1.2节：文档模式 </A> </LI> </UL> </DIV>

编辑
2#
回复此人
一别而尽几念深i | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 经过长时间的调试会议（使用旧学校的警报来查明失败的地方），这个看似天真的dom操纵线是罪魁祸首： </p> <pre> <code> document.getElementById("literal"+varValue).style.display = "none"; </code> </pre> <P> 这里没有错误，并且显然找到了元素（即，这不是花园品种空指针）。 </p> <P> 这是一个大型应用程序，这个代码周围有很多。我把它切换到以下，这显然阻止了这个问题： </p> <pre> <code> setTimeout(function(){ var layoutEl = document.getElementById("literal"+varValue); if (layoutEl) layoutEl.style.display = "none"; },10) </code> </pre> </DIV>

编辑
3#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我知道你已经有了答案，但今天我一直在寻找导致IE8触发兼容模式的原因。我搜索了JavaScript代码，css（：first，：last等），但它似乎是一些内联样式： </p> <P> 最大高度与溢流相结合.. </p> <P> 所以这个（也）触发了IE8中的兼容模式： </p> <pre> <code> style="overflow:scroll;max-height:200px;" </code> </pre> <P> 而这不是，所以它解决了我的问题： </p> <pre> <code> style="overflow:scroll;height:200px;" </code> </pre> <P> 编辑：我认为这是相关的： <a href="https://stackoverflow.com/questions/7707/ie8-overflowauto-with-max-height"> IE8溢出：自动带最大高度 </A> </p> </DIV>

编辑

登录后才能参与评论