《IE与Firefox对CSS解析的区别--及兼容要点分析》由会员分享，可在线阅读，更多相关《IE与Firefox对CSS解析的区别--及兼容要点分析（3页珍藏版）》请在金锄头文库上搜索。
1、IE与Firefox对CSS解析的区别-及兼容要点分析对高度的解析IE:将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度， 当内容超过高度时，将使用实际高度。Firefox :没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况；当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使用的样式不会变化，造成 样式错位。结论：大家在可以确定内容高度的情况下最好定义高度，如果真的没有办法定 义高度，最好不用使用边框样式，否则样式肯定会出现混乱！img对象alt和title 的解析alt :当照片不存在或者load错误
2、时的提示；title :照片的tip说明。在IE中如果没有定义title , alt也可以作为img的tip使用，但是在MF中， 两者完全按照标准中的定义使用结论：大家在定义img对象时，最后将alt和title对象都写全，保证在各种浏览器中都能正常使用其他的细节差别当你在写css的时候，特别是用float: left （或right ）排歹U一窜图片时，会 发现在firefox 里面正常而IE里面有问题。无论你用margin:0,还是border: 0 来约束，都无济于事。其实这里还有另外一个问题，就是IE对于空格的处理，firefox 是忽略的而IE 对于块与块之间的空格是处理的。也就是说
3、一个div结束后要紧接着一个div写，中间不要有回车或者空格。不然也许会有问题，比如 3px的偏差，而且这 个原因很难发现。非常不走运的是我乂碰到了这样的问题，多个img标签连着，然后定义的float:left，希望这些图片可以连起来。但是结果在firefox 里面正常而IE里面显示的每个img都相隔了 3px。我把标签之间的空格都删除都没有作用。后来的解决方法是在img外面套li ,并且对li定义margin: 0 ,这样就解决了 IE和firefox 的显示偏差。IE对于一些模型的解释会产生很多错误问题，只有 多多尝试才能发现原因。CSS兼容IE与Firefox 要点分析DOCTYPISP
4、 向 CSS 处理FF: div 设置 margin-left, margin-right 为 auto 时已经居中,IE 不行FF: body 设置 text-align 时，div需要设置 margin: auto（ 主要是margin-left,margin-right）方可居中FF:设置padding 后,div 会增加height 和width, 但IE 不会，故需要 用!important多设一个 height 和 widthFF:支持!important, IE 则忽略，可用!important 为FF特别设置样式div的垂直居中问题：vertical-align:middle;
5、将行距增加到和整个DIV 样高line-height:200px;然后插入文字，就垂直居中了。缺点是要控制内容不要换行cursor: pointer 可以同时在IE FF 中显示游标手指状，hand仅IE 可以FF:链接加边框和背景色，需设置display: block,同时设置float: left 保 证不换行。参照menubar,给a和menubar设置高度是为了避免底边显示错 位，若不设height, 可以在menubar中插入一个空格XHTML+CSS容性解决方案小集使用XHTMLCSSf勾架好处不少，但也确实存在一些问题，不论是因为使用不熟 练还是思路不活晰，我就先把一些我遇到的问
6、题写在下面，省的大家四处找AA1.在mozilla firefox 和IE中的BOX莫型解释不一致导致相差 2px解决方法：divmargin:30px!important;margin:28px;注意这两个 margin 的顺序一定不能写反，据阿捷的说法!important这个届性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：divmaring:30px;margin:28px重复定义的话按照最后一个来执行，所以不可以只写 margin:XXpx!important;2.IE5 和 IE6 的 BOX释不一致 IE5 下 divwidth:300px;margin:0 10
7、px 0 10px;div的宽度会被解释为300px-10px（右填充）-10px（左填充）最终div的宽 度为280px，而在IE6和其他浏览器上宽度则是以300px+10px（右填充）+10px（左填充）=320px来计算的。这时我们可以做如下修改divwidth:300px!important;width /*/:340px;margin:0 10px 0 10px,关于这个/*/是什么我也不太明白，只知道IE5和firefox 都支持但IE6不支持, 如果有人理解的话，请告诉我一声，谢了！：）3. ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值所以先定义ulmargin:0;padding:0; 就能解决大部分问题4. 关于脚本，在xhtml1.1中不支持language届性，只需要把代码改为就可以了
