当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS之兼容浏览器篇

时间:2013-03-02 03:43来源:未知 作者:admin 点击:

标签:CSS之兼容浏览器篇 div.content(1)CSS(655)4(1)兼容(37)width(4)浏览器(54)
div.content { width:400px; //这个是过错的width,所有浏览器都读到了 voice-family: }; //IE5.X/win疏忽了}后的内容 voice-family:inherit; width:300px; //包括IE6/win在内的局部浏览器读到这句,新的数值(300px)笼罩掉了旧的 } htmlbody .content { //ht
CSS之兼容浏览器篇》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332I2013.htm

◦,CSS之一条龙网站最主要是做好布局;div.content {
◦width:400px; //这个是过错的width,所有浏览器都读到了
◦,CSS中视觉语义不等于基于表现的类;voice-family: "",CSS中背景background-position负值定位深入理解;"}""",CSS中的继承与优先级总结;; //IE5.X/win疏忽了"""}"""后的内容
◦voice-family:inherit;
◦width:300px; //包括IE6/win在内的局部浏览器读到这句,新的数值(300px)笼罩掉了旧的
◦}
◦html>body .content { //html>,CSS中的强制换行与强制不换行;body是CSS2的写法
◦width:300px; //支持CSS2该写法的浏览器有幸读到了这一句
◦,CSS中的图片保存方法;}
当初回到主题,咱们常常看到!important和(空格)/**/:组合在一起应用,这个写法有什么奇妙呢,CSS中清除浮动方法

先复习一下对IE的box-model的破解
IE box-model这个臭名远扬的bug存在于IE6/Win以前的每一只版本,这个虫子直到tantak宣布了传播最为普遍的那个hack才开端被征服

Tag:浏览器   兼容    

文档类型申明就像一个开关,翻开向后兼容的将来,CSS中水平居中和垂直居中的几种方法,而毛病使用的话,就是一个Pandora box.
详细的兼容性问题查看此图

看方才那个写法,我这里能够供给另一种写法也能到达这样的后果

IE5.X/win对box-model的解析是一样的,CSS中有序列表的一些特殊代码形式,他们以为width包含了边框(border)跟补白(padding),荣幸的是这个情形在IE6中有了好转
然而IE6在向后兼容的同时也容纳了以前的错误,IE6实在有两个中心,在旧的页眼前他仍然表示出对错误的宽容,只有在文档中严厉地加上文档类型(DOCTYPE)声明,IE6才可能接收正确的box-model
所以,tantak的hack必需和准确的DOCTYPE同时包括在文档中才干够畸形工作

--> [网站建设之]CSS之兼容浏览器篇

◦div.content {
◦width:300px !important,CSS中最小高度(min-height)的妙用; //这个是正确的width,大部门支持!important标志的浏览器使用这里的数值
◦width(空格)/**/:400px; //IE6/win不解析这句,所以IE6/win依然认为width的值是300px;而IE5.X/win读到这句,新的数值(400px)覆盖掉了旧的,由于!important标记对他们不起作用
◦}
◦html>body .content { //html>body是CSS2的写法
◦width:300px; //支撑CSS2该写法的阅读器有幸读到了这一句
◦}
同样,这个方式仍必须依附正确的文档类型声明能力够正常工作,起因在前面已经说过。


(责任编辑:网站建设)
CSS之兼容浏览器篇相关文章
上一篇:CSS之一条龙网站最主要是做好布局 下一篇:CSS书写顺序建议及CSS HACK(FF&IE兼容)
回到顶部