-
- <?xml version="1.0" encoding="gb2312"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <style type="text/css">
- <!-- div { cursor:pointer; width:200px; height:200px; border:10px solid red } --> </style>
- <div ōnclick="alert(this.offsetWidth)">让FireFox与IE兼容</div>
问题的差异在于容器的总体宽度有未将边框（border）的宽度算在其内,这里IE6诠释为200PX ,而FF则表明为220PX,那究竟是怎样招致的题目呢？人人把容器顶部的xml去掉就会发明正本题目出在这,顶部的声明触发了IE的qurks mode,关于qurks mode、 standards mode的干系知识,请参考:http: //www.microsoft.com/china/msdn/library/站点services/asp.net/ ASPNETusStan.mspx?mfr=true
IE6,IE7,FF IE7.0 进去了，对CSS的赞成又有新标题。阅读器多了，网页兼容性更差了，疲于奔命的照旧咱们 ，为企图IE7.0的兼容题目，找来了上面这篇文章： 当初我大有部分凡是用!important来hack，对于ie6和firefox测试或是正常显现，但是ie7对!important概略精确剖明，会招致页面没按申请展示！下面是三个阅读器的兼容性收集.
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r53846.shtml
