您的位置：首页 > 其它

怪异模式下的盒子模型

2011-12-02 00:02 501 查看
BoxModeQuirks. All IE Browser are in quirks mode

怪异模式下的盒子模型

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

说明

在怪异模式下，IE系列（IE5.5+）浏览器将以传统的模式渲染CSS中的盒子模型,在非IE内核浏览器中均表现为W3c标准模式下的盒子模型。

本测试文档就是关于传统模型下的盒子模型的

下图给出的是微软官方文档（MSDN）关于盒子模型的介绍



测试代码

CSS

.testBoxModeOuter{border:2px black dashed; width:200px; margin:0 auto;}

.testBoxModeInner{margin:20px; width:100px; border:10px solid black; padding:10px;}

Html

<div class="testBoxModeOuter"> <div class="testBoxModeInner"> 这个是测试 </div> </div>

测试效果

这个是测试

// window.onload=function(){
console.log(document.compatMode );
var modeStr=document.compatMode;
if(modeStr=="BackCompat")
{
document.getElementById("testMode").innerText="你的浏览器正处在怪异模式下渲染你的页面";
}
else
{
document.getElementById("testMode").innerText="你的浏览器正处在标准模式下渲染你的页面，Good";;
}
}

// ]]>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航