һ
 ע

QQ¼

ֻһٿʼ

ƼĶ

+

[CSS] IE6 IE7 IE8 IE9 IE10 IE11֧BootstrapĽ

[]
40056 websjy 2016-1-17 22:53:17
| ʾȫ¥
1F

ϵ½עᣬύѣø๦ܣϴزIJޣ

Ҫ ¼ ſػ鿴ûʺţע  

x
һWebվ֮ǰһֱbootstrapdzãʹbootstrap3,chrome,firefox,safari,opera360ģʽѹ¾û⣬IE8IE11·ʽ޷ʾȻٶ һӵݽ⣬Ҳο ǧѰѧϰ ϣȽܽ£


ҪȷHTMLҳ濪ʼҪDOCTYPEDOCTYPEʹʲôHTMLXHTML淶HTMLĵӰ죺
Աattributes propertiesԼ
ȾģʽӰ죬ͬȾģʽӰ쵽CSSJavaScriptűĽ
DOCTYPEǷdzؼģĿǰʵHTMLĵм룺
  1. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><!DOCTYPE html></span>
ƴ


ܽbootstrapIJԭüȣBootstrap3 ƶ豸ȵԭ򿪷ģԭ£
1.ûȷԶ̵ַ
ֻҪIE9£͵רŵjs
  1. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --></span>
  2. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><!--[if lt IE 9]></span>
  3. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;">  <script src="http://apPS.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script></span>
  4. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;">  <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script></span>
  5. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><![endif]--></span>
ƴ

ҲԷֽʹjsļУ
2.÷ȷ

Ҫfile://@importʽrespond.min.jsrespond.jscssļ


3.ʶʹmetaǩȾʽ

bootstrap֧IEģʽΪIEµȾģʽ±ǩҳ
  1. <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
ƴ

IE=edgeʾǿʹIEںˣchrome=1ʾװIE6/7/8Ȱ汾Google Chrome FrameûȻIEIJ˵ͽ棬ûҳʱʵʹõChromeںˣôChromeںȾڴmetaǩľ˵ɲμStackOverflowϵľʻش<meta>ǩ˵ӢĽͿԲο
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
мһ
  1. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><meta http-equiv="X-UA-Compatible" content="IE=9" /></span>
ƴ

ȻͿ
ں˿MetaǩΪĿǰڵ˫ںˣʶmetaǩʹʲôںȾҳ


4.IE8֧containerļ

IE8ȫ֧box-sizing:border-boxmin-width, max-width, min-heightmax-heightһʹ.ԣv3.0.1bootstrapжcontainer࣬Ѿʹmax-widthˡ


5.JSCSS˳µ
cssjs
  1. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"/></span>
  2. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><script type="text/javascript" src="js/respond.min.js"></script></span>
ƴ


6.DOCTYPEǰп

  1. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><!DOCTYPE html></span>
  2. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;">пոҲУҪȥո</span>
  3. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><html></span>
ƴ



7.Ҳֶ޸bootstrap.css

ʹõbootstrap2.1.1޸navbar-inner{ filter:none}ɽ⣬ʹõ3.0+ģûδˣϸ뿴
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8


8.ʹquirks modeģʽ

ҳʱݾɵģʽquirks mode֮Ӧǡ׼ģʽ standard modeǽ<!DOCTYPE html>дǰ
  1. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></span>
ƴ

ҲԹ


IE11²ͨIE8²ԣзһplaceholder֧
ǽIE֧placeholderķ
õjquery1.11.1ͨjquery
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
ƴ

Ҳjquery汾
  1. <script type="text/javascript" src="js/jquery.placeholder.js"></script>
ƴ

jquery.placeholder.jsļصַhttps://github.com/mathiasbynens/jquery-placeholder
Ȼļмһ´
  1. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"><script type="text/javascript"></span>
  2. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;">    $(function () {</span>
  3. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;">        // Invoke the plugin</span>
  4. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;">        $('input, textarea').placeholder();</span>
  5. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;">    });</span>
  6. <span style="color: rgb(51, 51, 51); font-family: arial, verdana, 'Microsoft YaHei', Tahoma, Simsun, sans-serif; line-height: 25.2px;"></script></span>
ƴ

Ϊ漰ĻȻûнƲhttp://hustlzp.com/post/2014/01/ie8-compatibilityϸ


IE6,7,8,9,10,11,chrome,firefox,safari,opera360ģʽѹֻͨIE5.5ƺ̫У֮ˣIE6-ȥ


ʹjquery.placeholder.js,ٲ֧placeholderģplaceholderʵ
ɲοĽϸhttp://ju.outofmemory.cn/entry/1595


Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
fhuj3d96 2016-11-30 13:45:50
| ʾȫ¥
2F
һ£Ҫ
ϲױ http://www.xszsz.com/
ױ http://www.xszsz.com/
ױѧУ http://www.xszsz.com/
ϲױѵѧУ http://www.xszsz.com/
õĻױѧУ http://www.xszsz.com/
ϲױ仯ױѧУ http://www.xszsz.com/
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
fhuj3d96 2016-12-30 07:00:39
| ʾȫ¥
3F
˼~
ϲݻױѵ http://www.xszsz.com/
ϲݻױѧУ http://www.xszsz.com/
ϲѧУ http://www.xszsz.com/
ϲӰѵ http://www.xszsz.com/
ϲӰѵѧУ http://www.xszsz.com/
ϲӰѵ http://www.xszsz.com/
ϲרҵӰѵ http://www.xszsz.com/
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
fhuj3d96 2017-1-15 05:07:04
| ʾȫ¥
5F
ˮƽֵܸ߰ѧϰ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
fhuj3d96 2017-1-18 05:33:14
| ʾȫ¥
6F
ð¥
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
б

ֹ

²

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2018-6-20 07:39

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б