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

CSS之兼容浏览器篇

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

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之兼容浏览器篇相关标签:企业网站制作网站建设公司网站建设方案设计网页
相关热点推荐
新手站长做站有七大难处
企业建站策划
网站建设办法与内容要相
网页设计中涉及到的细节
DIV+CSS布局网页
从市场的角度思考网站建
网站如何定位
中小企业网站建设要多少
做网站优化需要达到的目
如何解决网站中重复度的
如何将手机网站转换为微
IE6IE7IE8中的
H5和HTML5是一回
iPadPro上线,意
网页设计离用户的距离,
普及360浏览器的极速
青岛网站制作哪家强
网页文案设计浅谈
网站的视觉路径和版式设
网站描述怎么写?
政府网站建设要按照“一
方便和实用
HTML5技术的优点和
重磅!功能型网站建设的
我国建成全球最大5G技
CMS系统的选择及对S
网站建站知识
网页顶尖设计师的思考与
新闻营销 推波助澜
网站重建如何保护已有排
中小企业如何进行网络营
网页设计的布局理念
百度《站点子链》工具开
如何设计一个漂亮又有用
用户行为语言的搜索引擎
网站离开百度该如何生存
如何提高百度收录的概率
网站风格定位如何把握
网站建设好的一些建议
青岛高端网站设计公司哪
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

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