我现在做的一个小程序用到了jquery，有些样式它只支持IE浏览器，不支持Chrome浏览器 、360浏览器，怎么用JS改更它们为兼容模式
[问题点数：100分，结帖人xiaopeng0504]
我现在做的一个小程序用到了jquery，有些样式它只支持IE浏览器，不支持Chrome浏览器 、360浏览器，怎么用JS改更它们为兼容模式
[问题点数：100分，结帖人xiaopeng0504]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
2015年1月 扩充话题大版内专家分月排行榜第一2014年9月 扩充话题大版内专家分月排行榜第一(补)2013年9月 扩充话题大版内专家分月排行榜第一2013年8月 扩充话题大版内专家分月排行榜第一2013年7月 扩充话题大版内专家分月排行榜第一
2015年2月 扩充话题大版内专家分月排行榜第二2014年10月 扩充话题大版内专家分月排行榜第二2014年8月 扩充话题大版内专家分月排行榜第二
2014年11月 扩充话题大版内专家分月排行榜第二2013年10月 扩充话题大版内专家分月排行榜第二2013年8月 扩充话题大版内专家分月排行榜第二
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。10439人阅读
如有雷同，不胜荣幸，若转载，请注明
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
最近做一个Web网站，之前一直觉得bootstrap非常好，这次使用了bootstrap3,在chrome,firefox,safari,opera，360浏览器（极速模式）、搜狗浏览器等浏览器下均没有问题，而在IE8及IE11下发现样式无法显示，然后各种百度啊，最后在 雅朋网 的一个网友帖子的帮助下解决了问题，也参考了 千寻学习网 的资料，先将解决方法总结如下：
首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档，具体会影响：
对标记attributes 、properties的约束规则
对浏览器的渲染模式产生影响，不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析
DOCTYPE是非常关键的，目前的最佳实践就是在HTML文档的首行键入：
&!DOCTYPE html&
大神的帖子总结的bootstrap的查找原因好几条，首先，Bootstrap3 是移动设备优先的原则开发的，所以原因可能如下：
1.没有正确调用远程地址
即只要是IE9以下，就调用两个专门的js
&!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&
&!--[if lt IE 9]&
& &script src=&/libs/html5shiv/3.7/html5shiv.min.js&&&/script&
& &script src=&/libs/respond.js/1.4.2/respond.min.js&&&/script&
&![endif]--&
但是我测试发现仅仅使用以上js文件不可行，
2.调用方法不正确
不要用file://或@import形式引用respond.min.js或respond.js或css文件
3.针对浏览器的内容做标识（使用meta标签调节浏览器的渲染方式）
bootstrap不支持IE兼容模式，为了让IE浏览器运行最新的渲染模式，将添加以下标签在页面中
&meta http-equiv=&X-UA-Compatible& content=&IE=edge,Chrome=1& /&
IE=edge表示强制使用IE最新内核，chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame（可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是Chrome浏览器内核），那么就用Chrome内核来渲染。关于此meta标签的具体说明，可参见StackOverflow上的精彩回答，&meta&标签高人的英文解释可以参看
/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
我有加了一句
&meta http-equiv=&X-UA-Compatible& content=&IE=9& /&
然后就可以了
内核控制Meta标签，因为目前国内的主流浏览器都是双内核，故而添加meta标签来告诉浏览器使用什么内核来渲染页面
4.IE8不支持container的几个属性
IE8不完全支持box-sizing:border-box与min-width, max-width, min-height或max-height的一起使用.所以，v3.0.1的bootstrap中对container的类，已经不再使用max-width了。
5.JS与CSS的引入顺序导致的问题
必须先引用css在引用js
&link rel=&stylesheet& type=&text/css& href=&bootstrap.min.css& media=&screen&/&
&script type=&text/javascript& src=&js/respond.min.js&&&/script&
6.DOCTYPE前后有空行
&!DOCTYPE html&
这里有空格也不行，要去掉空格
7.也可以手动修改bootstrap.css
如果您使用的是bootstrap2.1.1，修改了navbar-inner{ filter:none}可解决问题，如果使用的是3.0+版的，没有这段代码了，详细介绍请看连接
/questions//bootstrap-navbar-does-not-show-in-ie8
8.使用quirks mode（兼容模式）
定义网页时，向后兼容旧的浏览器的模式就是quirks mode，与之对应的是“标准模式”就是 standard mode。具体是将&!DOCTYPE html&写成以前的这种
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01//EN& &http://www.w3.org/TR/html4/strict.dtd&&
这个我测试过，不可行
最后我在IE11下测试通过，但是在IE8下测试，有发现一个问题placeholder不被支持
下面是解决IE支持placeholder的方法
本文引用的jquery是1.11.1测试通过，先引用jquery
&script type=&text/javascript& src=&/jquery-1.11.1.min.js&&&/script&
也可以用其他的jquery版本
再引入&script type=&text/javascript& src=&js/jquery.placeholder.js&&&/script&
jquery.placeholder.js这个文件的下载地址/mathiasbynens/jquery-placeholder
然后再文件中加入一下代码
&script type=&text/javascript&&
& & $(function () {
& & & & // Invoke the plugin
& & & & $('input, textarea').placeholder();
如果我这里为涉及到的或者问题依然没有解决的请移步/post/2014/01/ie8-compatibility更加详细
以上IE6,7,8,9,10,11,chrome,firefox,safari,opera，360浏览器（极速模式）、搜狗浏览器测试通过，只有IE5.5似乎不太可行，总之问题解决到此，万恶的IE6-都叫它打酱油去吧
如果您不想使用jquery.placeholder.js,再不支持placeholder的浏览器下模拟placeholder实现
可参考此文讲很详细/entry/1595
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：43294次
排名：千里之外
原创：43篇
评论：36条
(2)(2)(2)(9)(5)(2)(6)(8)(8)(6)热门搜索：
绿色免费汉化软件之家,用户体验最好的软件下载基地!
您所在的位置： &
> 百度浏览器怎么设置兼容模式？百度浏览器兼容模式设置教程
百度浏览器怎么设置兼容模式？百度浏览器兼容模式设置教程
　　百度怎么设置兼容模式呢?下文小编就为大家带来百度浏览器兼容模式的设置教程，将经常使用的浏览器设置成兼容模式，会方便很多，下面就和小编一起去看下设置教程吧。
&&&&&& 百度浏览器下载地址：
　　百度浏览器兼容模式设置教程：
　　1、首先我们打开百度浏览器，然后我们可以看到地址栏处一个闪电的图标
　　2、鼠标移到闪电图标处，就会出现&点击切换到兼容模式&，点击一下小闪电。
　　3、现在我们就切换到了兼容模式，只要再点击一下，又会切换到极速模式。
小编推荐：
上一篇文章：
下一篇文章：
网友评论已有0条评论，
热门关键词黄聪：如何用代码设置控制自己网站的网页在360浏览器打开时强制优先使用极速模式，而非兼容模式 - 黄聪 - 博客园
最近用360浏览器访问自己的网站，发现都是被优先选用兼容模式打开，这使得网站很难看。为了让360浏览器打开网站的时候优先试用极速模式，找了一下官方论坛，发现了解决方案。
在head标签中添加一行代码：
&meta name="renderer" content="webkit|ie-comp|ie-stand"&
content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。&
若页面需默认用极速核，增加标签：&meta name="renderer" content="webkit"&&
若页面需默认用ie兼容内核，增加标签：&meta name="renderer" content="ie-comp"&&
若页面需默认用ie标准内核，增加标签：&meta name="renderer" content="ie-stand"&&
原文地址：/v6/help/meta.html360浏览器兼容模式在哪 兼容模式和极速模式设置方法-电脑新手-办公/数码-壹聚教程网360浏览器兼容模式在哪 兼容模式和极速模式设置方法360浏览器兼容模式在哪设置？极速模式和兼容模式在360浏览器中是可以随意切换的，只要轻点地址栏中的图标就可以轻松搞定了，下面跟着小编一起看看具体设置方法吧。
兼容模式在哪
打开360浏览器后，在浏览器地址栏最后会有绿色的闪电图标，表示浏览器当前浏览模式为极速模式。如果是绿色的e图标，表示浏览器当前浏览模式为兼容模式。
兼容模式设置
点击绿色闪电状图标，弹出下拉，就可以看到极速模式和兼容模式，单击兼容模式，浏览器浏览模式就成为兼容模式了，可以看到图标已经变成兼容模式的图标了。
切换为极速模式方法同上。
上一页：没有了 &&&&&下一页：相关内容