IE10以上浏览器兼容性问题
IE9_10兼容性问题解决

IE9_10兼容性问题解决方法
I期系统开发时间较早,所以不兼容IE9和IE10新版本的浏览器,所以只能通过卸载或者调整浏览器模式来解决。
使用IE9的用户(若不想卸载也可以使用调正浏览器模式来解决,见IE10解决方法)
1.开始>控制面板>程序卸载程序。
2.点击打开程序和功能>查看已安装的更新
3.找到Microsoft Windows下面Windows Internet Explorer9 右键点击卸载
4.卸载完成后重启计算机就OK了。
使用IE10的用户
1.同上,查看已安装的更新里面是否有Windows Internet Explorer10,如果有,右键
点击卸载,重启电脑后IE会还原到上一个版本。
2.若没有,在每次登陆1期系统时要修改一下浏览器模式,应该每次都要修改。
打开浏览器按F12或者
把浏览器模式改变为IE7和IE8都可以
改变浏览器模式后,系统应该就可以正常运行了,但是可能每次关闭网页后重新登陆系统时可能都要修改一次。
浏览器兼容性问题及解决方案

浏览器兼容新问题W3C对标准的推进,Firefox,Chrome,Safari,Opera的出现,结束了IE雄霸天下的日子。
然而,这对开发者来说,是好事,也是坏事。
说它是好事,是因为浏览器厂商为了取得更多的市场份额,会促使各浏览器更符合W3C标准,而得到更好的兼容性,并且,不同浏览器的扩展功能(例如 -moz,-webkit开头的样式),对W3C标准也是个推进;说它是坏事,因为,多个浏览器同时存在,这些浏览器在处理一个相同的页面时,表现有时会有差异。
这种差异可能很小,甚至不会被注意到;也可能很大,甚至造成在某个浏览器下无法正常浏览。
我们把引起这些差异的问题统称为“浏览器兼容性问题”。
而正是这些“浏览器兼容性问题”,无形中给我们的开发增加了不少难度。
从浏览器内核的角度来看,浏览器兼容性问题可分为以下三类:1. 渲染相关:和样式相关的问题,即体现在布局效果上的问题。
2. 脚本相关:和脚本相关的问题,包括JavaScript和DOM、BOM方面的问题。
对于某些浏览器的功能方面的特性,也属于这一类。
3. 其他类别:除以上两类问题外的功能性问题,一般是浏览器自身提供的功能,在内核层之上的。
例如下面的页面,是一个渲染相关的问题:在各个浏览器中都表现的不同,这就属于兼容性问题。
造成浏览器兼容性问题的根本原因就是浏览器各浏览器使用了不同的内核,并且它们处理同一件事情的时候思路不同。
现今常见的浏览器及其排版引擎(又称渲染引擎)及脚本引擎,如下:而造成浏览器兼容性问题的常见原因则是设计师写出了不规范的代码,不规范的代码会使不兼容现象更加突出。
例如:不规则的嵌套:DIV 中直接嵌套 LI 元素是不合标准的,LI 应该处于 UL 内。
此类问题常见的还有 P 中嵌套 DIV, TABLE 等元素。
不规范的DOM接口和属性设置:上面代码中top的值,其实应该是一个字符串值,需有单位。
例如:35px。
总之,人为的原因也占很大一部分。
微软ie11浏览器兼容问题轻松解决

微软IE11浏览器兼容性问题轻松解决当遇到打开有问题的网站,可以尝试下面的操作:一、添加受信任的站点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重新打开该网站另外,如果您的设备曾经装载过或正在使用第三方的防毒软件,建议您可以进行卸载或停用的操作,看问题是否得到改善。
浏览器兼容性问题与解决方案

常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。
在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。
所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。
在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确到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实现,这就是一种必然会遇到兼容性问题。
浏览器不兼容问题解决方案

浏览器不兼容原因及解决办法浏览器的不兼容,大家肯定都是深恶痛绝的,往往我们只是去做修补,却忘了更重要的事情,那就是追溯根源,避免类似的不兼容再次出现。
在下不才,归纳几点html编码要素,望能指点各位:1.文字本身的大小不兼容。
同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。
解决方案:给文字设定line-height。
确保所有文字都有默认的line-height 值。
这点很重要,在高度上我们不能容忍1px 的差异。
2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。
所以不要轻易给容器定义height。
3.还讨论内容撑破容器问题,横向上的。
如果float 容器未定义宽度,ff下内容会尽可能撑开容器宽度,ie下则会优先考虑内容折行。
故,内容可能撑破的浮动容器需要定义width。
小实验:有兴趣大家可以看看这段实验。
在不同浏览器下分别测试以下各项代码。
a.<di v style=”border:1px solid red;height:10px”></div>b.<div style=”border:1px solid red;width:10px”></div>c.<div style=”border:1px solid red;float:left”></div>d.<div style=”border:1px solid red;overflow:hidden”></div>上面的代码在不同浏览器中是不一样的,实验起源于对小height 值div 的运用,<div style=”height:10px;overflow:hidden”></div>,小height 值要配合overflow:hidden一起使用。
浏览器不兼容原因及解决办法

1.文字本身的大小不兼容。
同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。
解决方案:给文字设定line-height。
确保所有文字都有默认的line-height 值。
这点很重要,在高度上我们不能容忍1px 的差异。
2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。
所以不要轻易给容器定义height。
3.还讨论内容撑破容器问题,横向上的。
如果float 容器未定义宽度,ff下内容会尽可能撑开容器宽度,ie下则会优先考虑内容折行。
故,内容可能撑破的浮动容器需要定义width。
小实验:有兴趣大家可以看看这段实验。
在不同浏览器下分别测试以下各项代码。
a.<div style=”border:1px solid red;height:10px”></div>b.<divstyle=”border:1px solid red;width:10px”></div>c.<div style=”border:1px solid red;float:left”></div>d.<div style=”border:1px solid red;overflow:hidden”></div>上面的代码在不同浏览器中是不一样的,实验起源于对小height 值div 的运用,<div style=”height:10px;overflow:hidden”></div>,小height 值要配合overflow:hidden一起使用。
实验好玩而已,想说明的是,浏览器对容器的边界解释是大不相同的,容器内容的影响结果各不相同。
IE10浏览器怎么设置兼容模式

IE10浏览器怎么设置兼容模式
IE10浏览器怎么设置兼容模式?有些网页可能会出现无法打开或者排版出错的问题,有时候这些问题可以通过开启IE浏览器的兼容模式来解决,那么IE10浏览器怎么开启兼容模式呢?下面就给大家介绍具体解决办法。
解决办法:
1、在win7系统中打开IE10浏览器;
2、单击右上方的“小齿轮”,然后点击“开发人员工具”;
3、然后就能看见下方多出了个工具栏菜单;
4、点击“浏览器模式”,能看到IE7到IE10都有,这时可以根据自己的实际需要来选择;
5、右边还有一个“文本模式”可以设置,同样是IE7到IE10都有。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
IE10以上浏览器兼容性问题
1.打开电脑自带的internet explore,点击右上角齿轮形状的图标,然后点击兼容性视图设置
2.打开兼容性视图窗口,输入你要进入的网址,点添加.在兼容性视图中显示Internet站点,使
用microsoft兼容性列表这两个选项中点钩后,然后关闭选项卡
3.点击Internet选项,
4.选择安全选项卡,点击受信任的站点,点站点
5.在受信任的站点选项卡,输入需要添加的网址点击添加,对该区域的站点要求服务器验证,
不点钩,设置好后,关闭受信任的站点选项卡.
6.回到internet选项卡,点击自定义级别
7.所有带启用的项都选在启用上,都选好后确定,关闭所有选项卡和浏览器重新进入,就ok
了。