ie11兼容性问题整理

IE11的CSS兼容性问题

IE11的CSS兼容性问题最近测试给了我⼀⼤堆BUG，⼀瞅发现全是IE11的。

吐槽⼀下这个浏览器真的⽐较特⽴独⾏。

很多默认的样式跟别的浏览器不同，⽽且最明显的⼀点应该是padding左右内边距往往⽐别的浏览器⼤了⼀倍。

但是当需要修改的时候⼜头疼了。

如果改变原有的padding值，那么在IE11⽣效了。

别的浏览器⼜有问题了。

于是在⽹上搜了⼀下有没有专门针对IE11的CSShack，就是只对IE11⽣效的CSS样式，⼀查还真有。

就是在CSS样式⽂件中加⼀个@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){⾥⾯是你的样式}。

⽐如，我在chrome浏览器中给⼀个div设置样式 div{ padding:0 12px; } 那么，在IE11中想要实现上⾯效果，需要在这个下⾯再添加⼀⾏样式 div{ padding:0 12px; } @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { div{padding:0 6px;} } 这⾥需要注意⼀下IE11的样式要写在最后⾯防⽌被覆盖，当浏览器为IE11时，@media中的样式会被执⾏⼀遍。

还有⼀个就是IE11针对h5的表单验证部分，验证失败后input标签会出现⼀个红⾊的框，⽐较丑。

这个时候你只要针对专门的input标签，增加⼀个input{outline:none};就可以将红⾊的边框去掉了。

2016/01/15更新今天⼤拿直接⼀⾏代码把我之前的IE11兼容性问题全解决了。

不服不⾏。

⼩伙伴们下次遇到兼容性问题记得先加上这⾏代码试试，不⾏再按照上⾯的⽅法来吧TAT，贴出代码 * { box-sizing: content-box; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; }。

ie11不兼容的解决办法

ie11不兼容的解决办法ie11不兼容的解决办法Edge浏览器已然成为最新win10系统的默认浏览器，但是用户量却远远不及IE11，下面是小编精心收集的资料，供大家参考!IE11虽然性能得到了大的改进，但在浏览网页的时候还是会出现一些兼容性的问题，下面小编就讲为大家分享IE 11浏览器网页不兼容的四个有效解决方法。

方法一、添加受信任的站点1、打开IE11浏览器，点击浏览器右上角的“工具”选项，再选择“Internet选项”;2、点击界面的上方的“安全”选项卡，然后点击“受信任的站点”;3、点击“站点”，添加该行的网站即可。

方法二、添加兼容性视图设置1、打开IE11浏览器，点击浏览器右上角的“工具”选项，再选择“兼容性视图设置”选项;2、将该行网站添加到“兼容性视图中的网站”;3、关闭IE11浏览器，重新登入。

方法三、关闭保护模式1、打开IE11浏览器，点击右上角的“工具”选项，再选择“Internet选项”;2、点击界面的上方的“安全”选项卡，然后点击“Internet”;3、把“启用保护模式”的勾选去掉，另外，切换到“高级”选项卡，找到“增强保护模式”，如果前面有勾选并可选的话，请您将前面的勾去掉;4、关闭IE11浏览器，重新登入。

方法四、禁用GPU硬件加速如果用户的电脑是没有独立显卡的'老机器，在用IE11观看优酷之类的在线视频时，会出现切换为全屏模式后当前视频就自动关闭的异常状况。

这是由于用户的集成显卡不支持硬件加速导致的，只要将当前的Flashplayer播放插件卸载，并安装10.2及以下版本即可解决。

此外，如果用户并不想在以后升级自己电脑，在进行下面的操作：1、打开IE，点击右上角的“工具”选项，再选择“Internet选项”;2、点击界面的上方的“安全”选项卡，然后点击“Internet”;3、把“启用保护模式”的勾选去掉，另外，切换到“高级”选项卡，找到“使用软件呈现而不使用GPU呈现”选项，如果前面有勾选并可选的话，请您将前面的勾去掉;4、关闭IE，重新打开该网站。

ie11兼容性设置方法及常见问题处理方法

IE11兼容性设置方法及常见问题处理方法
在我们的日常生活中，经常翻开一些如银行网银、QQ空间、一些公司内网网站，但是由于新的IE可能与现有网页的版本存在兼容性问题，可能出现插件无法安装，网页无法翻开情况，这就需要考虑使用兼容性设置的方法来解决以上问题，下面详细说明设置方法：
1〕翻开ie,点击设置“齿轮〞，再点击兼容性视图设置，如以下图：
2〕点击“添加〞按钮来添加要使用兼容形式的网站，并点击“关闭〞；
3〕在桌面IE形式中，按键盘“F12”按钮调出左侧；黑色菜单，如右图，选择最后一项，将用户代理；字符串选择为IE10、IE8、IE7、IE6试试。

IE 11常见问题问题及处理方法：
Q：腾讯QQ空间、QQ音乐、DZ论坛无法正常阅读
A：目前暂无更好解决方案，只能尝试使用兼容性设置，假设无效建议等待以上网站更新以支持最新的IE11增强保护形式暂不完善。

Q：无法新建选项卡，,首页设置为空白翻开出错，工行网银助手无法正常使用A：IE选项-高级取消"启用增强保护形式"勾选，确定，关闭并重新翻开IE 即可恢复。

Q：优酷等视频网站无法阅读，支付宝、建行等插件无法正常使用
Q：网页字体模糊，或者各种显示异常。

兼容性视图无效
A：翻开Internet选项，高级选项卡，将“加速的图形〞分类下的“使用软件呈现而不使用GPU呈现〞勾选，确定，关闭并重新翻开IE即可。

最全整理浏览器兼容性问题与项目解决方案

常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。

在大多数情况下，我们的需，无论用户用什么浏览器来查看我们的或者登陆我们的系统，都应该是统一的显示效果。

所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。

在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。

第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，不如间距，行高，图片位置等等经常会差几px。

某种效果的实现也是反复调试得到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。

稍有改动就乱七八糟。

代码为什么这么写还不知所以然。

这类开发人员往往经常为兼容性问题所困。

修改好了这个浏览器又乱了另一个浏览器。

改来改去也毫无头绪。

其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。

文章主要针对的是第一类，严谨型的开发人员，因此这里主要从浏览器解析差异的角度来分析兼容性问题。

浏览器兼容问题一：不同浏览器的标签默认的外补丁和补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding 差异较大。

碰到频率:100%解决方案：CSS里 *备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS 文件开头都会用通配符*来设置各个标签的外补丁是0。

浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大问题症状:常见症状是IE6中后面的一块被顶到下一行碰到频率：90%（稍微复杂点的页面都会碰到，float布局最常见的浏览器兼容问题）解决方案：在float的标签样式控制中加入 display:inline;将其转化为行属性备注：我们最常用的就是div+CSS布局了，而div就是一个典型的块属性标签，横向布局的时候我们通常都是用div float实现的，横向的间距设置如果用margin 实现，这就是一个必然会碰到的兼容性问题。

IE11无法保存浏览器兼容性视图设置的解决方法(图文)

药医。请大家祝福我哥哥，更加要关爱像哥哥这样的人。四维这句话在我躺在床
性视图设置无法保存的解决方法分享给大家。
推荐：win7 纯净版系统下载
方法一、
1、打开 ie11 浏览器，然后点击“工具--Inter 选项”；
2、在打开的 Inter 选项窗口中，切换到“安
药医。请大家祝福我哥哥，更加要关爱像哥哥这样的人。四维这句话在我躺在床
terExplorer/Main”，右击“Main”选择“权限”
选项；
3、在“安全”中选择“添加”，输入当前登
陆系统的用户名，点击确定，然后退出即可。方法三、
药医。请大家祝福我哥哥，更加要关爱像哥哥这样的人。四维这句话在我躺在床
1、打开 IE11 浏览器，同样的打开“Inter 选项”窗口，切换到“常规”选项卡；
2、然后在浏览历史模块中，取消勾选取消
勾选“退出时删除浏览历史记录”项，然后点击
确定退出即可。关于 IE11 无法保存浏览器兼容性视图设置
药医。请大家祝福我哥哥，更加要关爱像哥哥这样的人。四维这句话在我躺在床
的解决方法就跟大家介绍到这里了，遇到这样问题的朋Biblioteka 们可以根据上面的方法进行操作即可，
相信可以帮助你们解决问题了访问 win7 系统下载站。
IE 浏览器的兼容性问题给用户们带来了挺
大的苦恼，当很多人开心的将浏览器升级到最新
的 IE11 浏览器的时候，却发现又出现了兼容性的问题，当遇到不兼容的网站之后就只能在兼容
性设置里面将网站添加到兼容性设置里面了，不
过会遇到设置之后无法保存的问题，打开之后却
发现浏览器刚才添加的网址和设置都丢失了，这该怎么办呢？win7 之家将这篇 IE11 浏览器兼容

IE11兼容性视图

在IE11中发现部分网站以前可以使用的功能現在不能用了，这時候就必需使用兼容性视图来向下兼容，就可以正常使用。

比如部分网上银行只能兼容IE6,IE7,IE8，然后在浏览器模式中选择兼容模式，但是在IE11下，很多用户都找不到这个设置了。

在IE11下，如果需要选择兼容性视图，还是要按键盘上的F12键，会弹出开发人员工具，点击左侧最下方的显示屏的图标（仿真），进入到兼容视图选择界面，在里面的“文档模式”选中选择需要的IE版本即可。

此时即可启用IE的兼容视图。

再登录网银就没有问题了。

JavaScriptFF与IE兼容性问题总结

JavaScriptFF与IE兼容性问题总结.doc JavaScript与IE兼容性问题总结引言随着Web技术的快速发展，JavaScript已成为前端开发中不可或缺的一部分。

然而，由于历史原因，Internet Explorer（IE）浏览器在JavaScript的支持上存在一些限制和差异，这给开发者带来了一定的挑战。

本文将总结JavaScript在IE浏览器中的兼容性问题，并提供一些解决方案。

浏览器版本与JavaScript支持IE浏览器经历了多个版本的迭代，每个版本对JavaScript的支持程度都有所不同。

从IE6到IE11，JavaScript的兼容性问题主要集中在以下几个方面：文档对象模型（DOM）：不同版本的IE对DOM的支持存在差异。

事件模型：IE使用自己的事件模型，与W3C标准存在差异。

CSS样式：IE对CSS的支持不完全符合W3C标准。

JavaScript ES5/ES6特性：IE对ES5和ES6的新特性支持不完全。

常见的兼容性问题1. 条件注释IE浏览器特有的条件注释是解决兼容性问题的一种方式，但它们会使HTML代码变得冗长。

!--[if lte IE 8]script src=ie8.js/script![endif]--2. 事件处理IE的事件模型与W3C标准不同，这可能导致事件处理上的差异。

attachEvent vs addEventListener：IE使用attachEvent，而现代浏览器使用addEventListener。

事件对象：IE的事件对象与W3C标准不同，例如event.srcElement vs event.target。

3. DOM操作IE在DOM操作上有一些特有的方法和属性，例如document.all和patMode。

4. CSS样式IE对CSS的支持不完全符合W3C标准，例如float属性在IE中表现为layout。

5. JavaScript新特性IE对ES5和ES6的新特性支持不完全，例如let、const、Promise、fetch等。

最全整理浏览器兼容性问题与解决方案剖析

常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。

在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。

所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。

在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。

第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，不如间距，行高，图片位置等等经常会差几px。

某种效果的实现也是反复调试得到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。

稍有改动就乱七八糟。

代码为什么这么写还不知所以然。

这类开发人员往往经常为兼容性问题所困。

修改好了这个浏览器又乱了另一个浏览器。

改来改去也毫无头绪。

其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。

文章主要针对的是第一类，严谨型的开发人员，因此这里主要从浏览器解析差异的角度来分析兼容性问题。

浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding 差异较大。

碰到频率:100%解决方案：CSS里*备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS 文件开头都会用通配符*来设置各个标签的内外补丁是0。

浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大问题症状:常见症状是IE6中后面的一块被顶到下一行碰到频率：90%（稍微复杂点的页面都会碰到，float布局最常见的浏览器兼容问题）解决方案：在float的标签样式控制中加入display:inline;将其转化为行内属性备注：我们最常用的就是div+CSS布局了，而div就是一个典型的块属性标签，横向布局的时候我们通常都是用div float实现的，横向的间距设置如果用margin实现，这就是一个必然会碰到的兼容性问题。

IE11浏览网页错乱怎么解决

很多朋友在安装win10后，在桌面及任务栏中找不到IE11。

还有一部分用户在使用IE11浏览器浏览一些网页时出现网页错乱、内容不显示等问题。

下面为大家提供此问题的解决方案。

1、直接在“搜索web和windows”中输入“ie”，然后确定即可打开IE11
2、第一步中如果搜索不到IE11，也可这样。

左键点击“win”图标，选择“所有应用”
3、在打开的选项中找到“windows附件”单击打开“windows附件”第一个就是IE浏览器
4、单击打开IE11浏览器，点击“工具”，选择“兼容性视图设置”
5、在“添加此网站”下的空框内填入你要使用兼容性浏览的网页根网址，点击添加。

则其网页下的所有子网页均使用兼容性试图。

解决IE11浏览器网页不兼容的两个方法

一、关闭保护模式
1.打开IE11浏览器，点击右上角的工具选项，再选择Internet选项;
2.点击界面的上方的安全选项卡，然后点击Internet;
3.把启用保护模式的勾选去掉，另外，切换到高级选项卡，找到增强保护模式，如果前面有勾选并可选的话，请您将前面的勾去掉;
4.关闭IE11浏览器，重新登入。

二、禁用GPU硬件加速
如果用户的电脑是没有独立显卡的老机器，在用IE11观看优酷之类的在线视频时，会出现切换为全屏模式后当前视频就自动关闭的异常状况。

这是由于用户的集成显卡不支持硬件加速导致的，只要将当前的Flashplayer播放插件卸载，并安装10.2及以下版本即可解决。

此外，如果用户并不想在以后升级自己电脑，在进行下面的操作：
1.打开IE，点击右上角的工具选项，再选择Internet选项;
2.点击界面的上方的安全选项卡，然后点击Internet;
3.把启用保护模式的勾选去掉，另外，切换到高级选项卡，找到使用软件呈现而不使用GPU呈现选项，如果前面有勾选并可选的话，请您将前面的勾去掉;
4.关闭IE，重新打开该网站
另外，如果您的设备曾经装载过或正在使用第三方的防毒软件，建议您可以进行卸载或停用的操作，看问题是否得到改善。

如何解决IE兼容性问题

如何解决IE兼容性问题所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况，在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。

随着浏览器版本的增多，解决IE浏览器兼容性显得尤为重要.一、!important (功能有限)随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)例如:#example {width: 100px !important; /* IE7+FF */width: 200px; /* IE6 */}二、CSS HACK的方法(新手可以看看，高手就当路过吧)首先需要知道的是：所有浏览器通用 height: 100px;IE6 专用 _height: 100px;IE7 专用 *+height: 100px;IE6、IE7 共用 *height: 100px;IE7、FF 共用 height: 100px !important;例如：#example { height:100px; } /* FF */* html #example { height:200px; } /* IE6 */ *+html #example { height:300px; } /* IE7 */ 下面的这种方法比拟简单举几个例子：1、IE6 - IE7+FF#example {height:100px; /* FF+IE7 */_height:200px; /* IE6 */}其实这个用上面说的第一种方法也可以#example {height:100px !important; /* FF+IE7 */height:200px; /* IE6 */}2、IE6+IE7 - FF#example {height:100px; /* FF */*height:200px; /* IE6+IE7 */}3、IE6+FF - IE7#example {height:100px; /* IE6+FF */*+height:200px; /* IE7 */}4、IE6 IE7 FF 各不相同#example {height:100px; /* FF */_height:200px; /* IE6 */*+height:300px; /* IE7 */}或：#example {height:100px; /* FF */*height:300px; /* IE7 */_height:200px; /* IE6 */}需要注意的是，代码的顺序一定不能颠倒了，要不又前功尽弃了。

win8.1 IE11的相关问题

更新Windows 8.1后IE11及其他浏览器无法联网【IE11及其他浏览器无法联网】很多童鞋遇到更新Windows 8.1后，IE或三方浏览器无法上网的问题，可以尝试点击Win键+X-命令提示符（管理员），然后输入命令netsh winsock reset进行解决。

Windows 8.1自带IE 11如何防止网站插件无法安装问题描述：随着Win8的8.1版本刚刚发布，更多的用户想要尝试使用微软针对Win8的升级优化版本，新版本针对之前的Win8多种界面都做了功能优化，同时Win8.1自带全新IE11，在体验IE11的新功能的同时，也会遇到一些难以避免的问题，会出现很多网站显示无法打开插件，我们来看一下当IE11无法打开部分网站插件时，我们可以采取的方法；1.首先我们点开控制面板，确认右上角查看方式为大图标，直接点击“Internet选项”；2.点开选项后，在弹出的对话框中点选“高级”；3.在高级选项中，看到会出现下拉菜单，在下拉菜单中，我们可以看到有一项“增强启动保护模式”，是勾选状态，在Win8 IE10中，这一项是默认关闭的，我们可以取消勾选，确定，关闭并重新打开IE，看一看是否可以使用插件；这样我们就可以使用一些由于IE11功能限制而无法运行的插件了！如何打开IE11的兼容性视图？1、IE8，IE9，IE10，在地址栏右侧有个兼容性视图的图片，直接点亮即可打开兼容模式。

2、最新的IE11，兼容性视图的打开方法已经改变，具体操作如下：windows 8.1系统下IE11常见问题处理故障现象1、部分网页的图片上都显示一个白色的白叉，无法正常显示，如下图2、打开网页提示“几个加载项与Internet Explorer 的增强安全功能不兼容，并已禁用。

”3、部分网页显示排版不正常，文字错位等问题解决方案1、点击IE右上角的齿轮图标，选择“Internet 选项（O）”2、然后在选项卡中点击“高级”，取消勾选“启用增强保护模式*”，3、勾选"使用软件呈现而不使用GPU呈现*"。

ie11兼容性问题整理●不再⽀持attachEvent，改⽤addEventListener (可以添加许多事件，添加的事件不会覆盖已存在的事件)例如：document.getElementById("myBtn").addEventListener("click", myFunction);document.getElementById("myBtn").addEventListener("click", someOtherFunction);●不再⽀持window.execScript，改⽤eval例如：eval("this.onDbClick = " + this.divElement.getAttribute("s_ondbclick"));●不再⽀持window.doScroll，改⽤window.scrollLeft、window.scrollTop●不再⽀持document.all，改⽤document.getElementsByTagName 和document.getElementById例如：document.getElementsByTagName("*");●不再⽀持script.onreadystatechange 和script.readyState，改⽤script.onload ●不再⽀持document.selection，改⽤window.getSelection()例如：document.selection.createRange().text 改为window.getSelection()●不再⽀持document.createStyleSheet，改⽤document.createElement("style")●不再⽀持style.styleSheet，改⽤style.sheet●不再⽀持window.createPopup，改⽤div 或iframe（zIndex 很⾼）●document.createElement 中不⽀持带有尖括号例如：document.createElement("") 需要改为document.createElement("table")●HTML 元素的定义属性需要通过getAttribute 获取，不能使⽤点来获取例如：elment.I 需要改为elment.getAttribute('I')●HTML 和XML 元素的nodeName 在做⽐较前最好使⽤toLowerCase 转换⼀下，因为类似于这种标签名可能被转换为例如：if(nodeName.toLowerCase() == "listdatasource") {// TODO}●创建table 元素不能通过innerHTML⽅式，需通过document.createElement("table")例如：div.innerHTML = "hello"需改为：var table = document.createElement("table");div.appendChild(table);●若在HTML中嵌⼊XML，请注意XML中不能出现类似于以下的节点名称例如：ABC以上的HEAD 标签读取不到，也读取不到。

IE6-IE11兼容性问题列表及解决办法

IE6-IE11兼容性问题列表及解决办法2015/3/2 Bob Liu名目概述3第一章：HTML 4第一节：IE7-IE8更新41. 如果缺少终止标记的P 元素后跟TABLE、FORM、NOFRAMES 或NOSCRIPT 元素，会自动添加终止标记。

42. 支持格式正确的有效标记，不再支持格式错误的HTML。

63. Button标签的默认type类型从button改为submit。

74. 不再支持COL 及COLGROUP 元素的部分属性及为其设定的CS S 特性. 8第二节: IE8-IE9更新91. 表对象模式现在更加符合其他扫瞄器。

92. 文本布局使用自然度量而不是图形设备接口(GDI) 度量。

12第二章：CSS 15第一节：IE6-IE7更新151. 方框模型溢出内容现与方框相交，不再让方框自动增长适应内容。

152. 不再支持某些CSS 选择器（如*HTML、_underscore 和/**/ 注释）。

173. 已解决SELECT 元素不能被div覆盖的咨询题。

214. CSS样式区分大小写。

225.Style中的height, width结尾需要输入单位，如px 23第二节：IE7-IE8更新231. 不再支持CSS 表达式，改为支持增强的CSS 或DHTML 逻辑。

23第三节：IE8-IE9更新251. 泰语和东亚语文本和字体大小的显示可能小于其他字样。

252. 某些行为连接方法在XML 模式中不可用。

26第四节：IE9-IE10更新281. 不再支持CSS behavior，完全废弃htc表达式。

28第三章：Javascript and DOM 29第一节：IE6-IE7更新291. 不再承诺用于绕过window.close 提示的window.opener 技巧。

2 92. 从脚本创建的模式或无模式对话框看起来看起来略微变大。

30第二节：IE7-IE8更新311. 支持“class”语法，不再支持“className”属性语法。

如何解决IE兼容性问题

兼容性问题IE如何解决．如何解决IE兼容性问题所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况，在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。

随着浏览器版本的增多，解决IE浏览器兼容性显得尤为重要.一、!important (功能有限)随着IE7对!important的支持, !important方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)例如:#example {width: 100px !important; /* IE7+FF */ width: 200px; /* IE6 */}二、CSS HACK的方法(新手可以看看，高手就当)路过吧．首先需要知道的是：所有浏览器通用 height: 100px;IE6 专用 _height: 100px;IE7 专用 *+height: 100px;IE6、IE7 共用 *height: 100px;IE7、FF 共用 height: 100px !important; 例如：#example { height:100px; } /* FF */* html #example { height:200px; } /* IE6*/*+html #example { height:300px; } /* IE7 */下面的这种方法比较简单举几个例子：1、IE6 - IE7+FF#example {height:100px; /* FF+IE7 */_height:200px; /* IE6 */}其实这个用上面说的第一种方法也可以#example{height:100px !important; /* FF+IE7 */ height:200px; /* IE6 */}2、IE6+IE7 - FF#example {height:100px; /* FF */*height:200px; /* IE6+IE7 */ }3、IE6+FF - IE7#example {height:100px; /* IE6+FF */ *+height:200px; /* IE7 */}4、IE6 IE7 FF 各不相同#example {height:100px; /* FF */_height:200px; /* IE6 */*+height:300px; /* IE7 */}或：#example {height:100px; /* FF */ *height:300px; /* IE7 */ _height:200px; /* IE6 */ }需要注意的是，代码的顺序一定不能颠倒了，要不又前功尽弃了。

浏览器兼容性问题知识整理更新

DOM获取焦点
1、关亍focus
网页中迚行一系列操作，都需要使某个元素处亍“激活”状态，类似亍锚点。通常，表单元素、锚点元素都支持focus。。
遇到div,p怎么办？
2、focus不tabIndex（可设置戒返回按钮的 tab 键控制次序）
目前，w3c规定，支持tabIndex的有：A, AREA, BUTTON, INPUT,OBJECT, SELECT, and TEXTAREA. 。
function myFun(){ console.log(arguments.callee.caller.toString()) var ets = window.event || arguments.callee.caller.arguments[0]; var et = ets.srcElement || ets.target; }
maxlength: 'maxLength',
cellspacing: 'cellSpacing', rowspan: 'rowSpan',
colspan: 'colSpan',
tabindex: 'tabIndex', usemap: 'useMap', frameborder: 'frameBorder' };
2、setAttribute()的差异
div.setAttribute(“onclick”, “javascript:alert(‘This is a test!’)”); //6,7
div.onclick = function(){ alert(‘sss’)}
IE并丌是丌支持setAttribute这个函数，而是丌支持用setAttribute设置某些属性

最全整理浏览器兼容性问题与解决方案

常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。

在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。

所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。

在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。

第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，不如间距，行高，图片位置等等经常会差几px。

某种效果的实现也是反复调试得到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。

稍有改动就乱七八糟。

代码为什么这么写还不知所以然。

这类开发人员往往经常为兼容性问题所困。

修改好了这个浏览器又乱了另一个浏览器。

改来改去也毫无头绪。

其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。

文章主要针对的是第一类，严谨型的开发人员，因此这里主要从浏览器解析差异的角度来分析兼容性问题。

浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding 差异较大。

碰到频率:100%解决方案：CSS里*备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS 文件开头都会用通配符*来设置各个标签的内外补丁是0。

浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大问题症状:常见症状是IE6中后面的一块被顶到下一行碰到频率：90%（稍微复杂点的页面都会碰到，float布局最常见的浏览器兼容问题）解决方案：在float的标签样式控制中加入display:inline;将其转化为行内属性备注：我们最常用的就是div+CSS布局了，而div就是一个典型的块属性标签，横向布局的时候我们通常都是用div float实现的，横向的间距设置如果用margin实现，这就是一个必然会碰到的兼容性问题。

最全整理浏览器兼容性问题与解决方案

常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。

在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。

所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。

在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。

第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，不如间距，行高，图片位置等等经常会差几px。

某种效果的实现也是反复调试得到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。

稍有改动就乱七八糟。

代码为什么这么写还不知所以然。

这类开发人员往往经常为兼容性问题所困。

修改好了这个浏览器又乱了另一个浏览器。

改来改去也毫无头绪。

其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。

文章主要针对的是第一类，严谨型的开发人员，因此这里主要从浏览器解析差异的角度来分析兼容性问题。

浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding 差异较大。

碰到频率:100%解决方案：CSS里 *备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS 文件开头都会用通配符*来设置各个标签的内外补丁是0。

浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大问题症状:常见症状是IE6中后面的一块被顶到下一行碰到频率：90%（稍微复杂点的页面都会碰到，float布局最常见的浏览器兼容问题）解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性备注：我们最常用的就是div+CSS布局了，而div就是一个典型的块属性标签，横向布局的时候我们通常都是用div float实现的，横向的间距设置如果用margin 实现，这就是一个必然会碰到的兼容性问题。

(IE工业工程)IE6-IE11兼容性问题列表及解决办法

（IE工业工程）IE6-IE11兼容性问题列表及解决办法IE6升级到IE11兼容性问题和操作手册2015/3/2 Bob Liu目录概述 (2)第一章：HTML (3)第一节：IE7-IE8更新 (3)1.如果缺少结束标记的 P 元素后跟 TABLE、FORM、NOFRAMES 或 NOSCRIPT 元素，会自动添加结束标记。

(3)2.支持格式正确的有效标记，不再支持格式错误的 HTML。

(4)3.Button标签的默认type类型从button改为submit。

(5)4.不再支持 COL 及 COLGROUP 元素的部分属性及为其设定的 CSS 特性 (6)第二节: IE8-IE9更新 (7)1.表对象模式当下更加符合其他浏览器。

(7)2.文本布局使用自然度量而不是图形设备接口 (GDI) 度量。

(9)第二章：CSS (11)第一节：IE6-IE7更新 (11)1.方框模型溢出内容现和方框相交，不再让方框自动增长适应内容。

(11)2.不再支持某些 CSS 筛选器（如 *HTML、_underscore 和 /**/ 注释）。

(13)3.已解决SELECT 元素不能被div覆盖的问题。

(15)4. CSS样式区分大小写。

(16)5.Style中的height, width结尾需要输入单位，如px (16)第二节：IE7-IE8更新 (17)1.不再支持 CSS 表达式，改为支持增强的 CSS 或 DHTML 逻辑。

(17)第三节：IE8-IE9更新 (18)1.泰语和东亚语文本和字体大小的显示可能小于其他字样。

(18)2.某些行为连接方法在 XML 模式中不可用。

(19)第四节：IE9-IE10更新 (20)1.不再支持 CSS behavior，完全废弃htc表达式。

(20)第三章：Javascript and DOM (21)第一节：IE6-IE7更新 (21)1.不再允许用于绕过 window.close 提示的 window.opener 技巧。

IE11浏览器问题

1.IE11下登录界面无法显示校验码登录服务系统后界面显示如下图：
校验码不能正确显示，则无法登录系统。

解决办法：
（1）点击浏览器右上角的设置按钮：
（2）弹出的下拉列表中选择“兼容性视图设置”
（3）弹出窗口中，添加当前网站即可。

2.IE11下员工片区修改功能无法选择片区
进入员工片区修改界面后，鼠标单击所需选择的片区，无法选中，不能高亮显示（灰色区域）
解决办法：
（1）鼠标左键单击“可分配片区”下任意选项，然后通过键盘上的上/下键可以移动高亮显示区。

（2）如需选中连续的两个或多个片区，可以按住shift键，再通过上/下键进行选择。