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

CSS之兼容浏览器篇

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

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之兼容浏览器篇相关标签:开发网站网站制作方案网站建设公司建设网站
相关热点推荐
关于网站建设的问题
分析网站排名下降的影响
关键词排名下降原因及解
企业网站建设的策略
如何提高网站的流量和访
交叉设计促进网站风格统
青岛网站建设报价与费用
网站优化十大方法-基本
网站关键词暴跌的原因分
您怎么看待2015中国
网站:首页所应该达到的
青岛网站制作带你解密.
网站建设办法与内容要相
视觉层次感提升网页设计
如何突出页面设计重点内
青岛网页设计中最常用到
科普网站设计、制作中的
网站目录改版后做网址跳
青岛网站建设之SEO优
八大要领做网站就这么简
关于“反馈提示”的交互
空状态设计是提升产品用
保持网站流量对网站改版
网站登录窗口的设计
网站设计上的图片表现方
青岛网站制作哪家强
青岛网站设计哪家公司性
如何做到网站的最佳优化
奈薇建站网配套网站服务
青岛网站设计如何突出网
网站关键词摆放的四个关
站运营的四个关键词
网站形成视觉冲击的几种
中小企业建网站要多少钱
快速增加外部链接的八种
如何挑选专业的网站建设
搜索引擎优化文案的写作
行之有效的网络推广方式
网页设计中色彩的应用
网站建设中构建网站合理
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

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