IE6下容器的宽度和FF解释不同

2024-01-18 09:44 小编

<?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">
</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概略精确剖明，会招致页面没按申请展示！下面是三个阅读器的兼容性收集.

返回首页上一篇：对div元素定义一个样式下一篇：css flex-direction属性怎么用