摘要: CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。常见兼容问题:1、DOCTYPE 影响 CSS 处理2、FF:div 设置 margin-left, margin-right 为 auto 时已经居中,IE 不行3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 hei. 阅读全文
posted @ 2011-07-05 21:35 ph580 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 以下是代码片段:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--定义过渡型DOCTYPE--> <htmlxmlns="http://www.w3.org/1999/xhtml"lang="gb2312"><!--定义名字空间--> <head><!--网页头部开始 阅读全文
posted @ 2011-07-05 21:34 ph580 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 同时兼容IE、FF的基本注意事项:float的div一定要闭合。例如:(其中floatA、floatB的属性已经设置为float:left;) <wrapper> <div id="floatA"></div> <div id="floatB"></div> <div id="NOTfloatC"></div> </wrapper>这里的NOTfloatC并不希望继续平移,而是希望往下排。这段代码在IE中毫无问题,问题出在FF。原因是NOT 阅读全文
posted @ 2011-07-05 07:35 ph580 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 关于CSS对各个浏览器兼容是个非常让人头疼的事情了, 网络上的教程遍地都是.今天在discuz.net上发现了一篇不错的东西,就转载过来和大家共享.可以当作CSS兼容IE6,IE7,FireFox典范了,值得去记录下。发现自己很久没有转载东西。注:IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*;IE6能识别*,但不能识别 !important,IE7能识别*,也能识别!important;FF不能识别*,但能识别!important; 写两句代码来控制一个属性,区别Firefox与IE6:background:orange;*background:blu 阅读全文
posted @ 2011-07-05 07:35 ph580 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 首先我们说说firefox和IE对CSS的宽度显示有什么不同: 其实CSS’width’指的是标准CSS中所指的width的宽度,在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而InternetExplorer’width’则是指整个容器的宽度,包括内容,padding,border。 Firefox中:容器占的宽度=内容宽度+padding宽度+border宽度 IE中:内容宽度=您定义的容器宽度(InternetExplorer’width’)-padding宽度-border宽度 所以,如果IE中定义width:120px;padding:5px的话,所显示的宽度就是1 阅读全文
posted @ 2011-07-05 07:34 ph580 阅读(136) 评论(0) 推荐(0) 编辑