青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » CSS之兼容浏览器篇

CSS之兼容浏览器篇

奈薇建站网 2010-03-03 22:14发表
阅读次数 1978

IE5.X/win对box-model的解析是一样的,他们认为width包括了边框(border)和补白(padding),幸运的是这个情况在IE6中有了好转
但是IE6在向后兼容的同时也包容了以前的错误,IE6其实有两个核心,在旧的页面前他仍旧表现出对错误的宽容,只有在文档中严格地加上文档类型(DOCTYPE)声明,IE6才能够接受正确的box-model
所以,tantak的hack必须和正确的DOCTYPE同时包含在文档中才能够正常工作
Quote   转自:奈薇建站网(www.nev.cn)
div.content {
width:400px; //这个是错误的width,所有浏览器都读到了
voice-family: "\"}\""; //IE5.X/win忽略了"\"}\""后的内容
voice-family:inherit;
width:300px; //包括IE6/win在内的部分浏览器读到这句,新的数值(300px)覆盖掉了旧的
}
html>body .content { //html>body是CSS2的写法
width:300px; //支持CSS2该写法的浏览器有幸读到了这一句
}
现在回到主题,我们经常看到!important和(空格)/**/:组合在一起使用,这个写法有什么奥妙呢?

看刚才那个写法,我这里可以提供另一种写法也能达到这样的效果
Quote
div.content {
width:300px !important; //这个是正确的width,大部分支持!important标记的浏览器使用这里的数值
width(空格)/**/:400px; //IE6/win不解析这句,所以IE6/win仍然认为width的值是300px;而IE5.X/win读到这句,新的数值(400px)覆盖掉了旧的,因为!important标记对他们不起作用
}
html>body .content { //html>body是CSS2的写法
width:300px; //支持CSS2该写法的浏览器有幸读到了这一句
}   转自:奈薇建站网(www.nev.cn)
同样,这个方法仍必须依靠正确的文档类型声明才能够正常工作,原因在前面已经说过。

文档类型声明就像一个开关,打开向后兼容的未来,而错误使用的话,就是一个Pandora box


CSS之兼容浏览器篇相关标签:网站制作方案网站制作网站申请做网站
相关热点推荐
网站制作必须要注意的事
网站技术规范
建站注意事项(2)
SEO--谈谈分词技术
企业域名保护刻不容缓
如何让你的网站或是个人
青岛网站建设哪家好?
细节决定成败网站建设的
做优化犹如做体操 平衡
如何提高百度收录
密码保护信息的用户体验
站长做好链接该注意的三
青岛高端网站设计公司哪
让访客信任你的十二大网
网站的要素
如何规避企业建站的误区
实现网络搜索营销的诀窍
企业网站应该怎样来定位
网站内容段落的处理技巧
企业建站的误区与解决方
网站工作者必须掌握的技
搜索引擎优化(SEO)
如何设计网页横幅
SEO,可能的搜索引擎
企业建网站的趋势
如何做成一个好的网站设
新站如何提高百度权重
黑色网页设计
罕见设计创意的WEB网
网站建设的步骤有哪些
为什么你的网站百度收录
网页设计配色应用实例剖
如何建立个人网站?
网站前端页面设计分析
浅谈对学习网络推广的一
企业建立网站,对企业有
IE不能上网浏览的常见
网站登陆页面应遵循的原
青岛网站建设的财富秘籍
用百度知道做网站推广9
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
159个月 4