ie6 ie7 火狐常见兼容问题

《ie6 ie7 火狐常见兼容问题》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、ie6ie7火狐常见兼容问题Firfox与IE处理DIV+CSS常见兼容问题(2008-01-2510:32:25)标签：杂谈分类：css1.DOCTYPE影响C1.DOCTYPE影响CSS处理-right为auto时已经居中,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会增加heigh

2、t和width,但IE不会,IE不行　　3.FF:body故需要用!important多设一个height和width5.FF:支持!important,IE则忽略,可用!important为FF特别设置样式　　6.div的垂直居中问题:vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px;SS处理　　2.FF:div设置然后插入文字，就垂直居中了缺点是要控制内容不要换行　　7.cursor:pointer可以同时在IEFF中显示游标手指状，hand仅IE可以　　8.

3、FF:链接加边框和背景色，需设置display:block,同时设置float:left保证不换行。SS处理　　2.FF:div设置　　9.在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法：div{margin:30px!important;margin:28px;}　　注意这两个margin的顺序一定不能写反.margin-left,margin　　10.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义ul{margin:0;padding:

4、0;}就能解决大部分问题　　11,FF中链接样式有差异,按以下顺序进行定义即可解决:IE不行　　3.FF:bodya:link—a:visited—a:hover—a:active　　注意事项：IE不行　　3.FF:body1、margin加倍的问题。　　设置为float的div在ie下设置的margin会加倍。解决方案是在这个div里面加上display:inline;　　SS处理　　2.FF:div设置2、关于高度的问题　　如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。

5、----------------------------------DIV+CSS浏览器兼容性分析收藏1、用!important语法解决IE和其它浏览器之间的布局差别　　!important是CSS1定义的语法，作用是提高指定样式规则的应用优先权。目前IE一不支持这个语法，而其他的浏览器则都支持。可以利用这一点来定义不同浏览器间的CSS样式。如下样式：　　.sidebar{border:5pxdotted#FC5!important;border:5pxdotted#00F;padding-top:20px;margin:

6、0auto;}　　IE中浏览时候由于它不能够解释!important语法，因此边框显示的颜色为#FC5；能完全解释出!important语法的浏览器则把.sidebar边框的着色显示为#00F。2、访问过后超链接a:hoverr的样式不显示　　改变CSS属性的排列顺序，先后顺序标准应为：　　a:link->a:visited->a:hover->a:active3、Li中内容超过长度后以省略号显示的方法　　li{width:250px;white-space:nowrap;text-overflow:ellipsis;ov

7、erflow:hidden;}　　

　　　　
• Li中内容超过长度后以省略号显示的方法
　　　　
• Li中内容超过长度后以省略号显示的方法
　　

8、x7px5px;四个值依次表示top,right,bottom,left上右下左。5、IE不能正确显示透明PNG图片　　header内加入：程序代码　　functioncorrectPNG(){　　　for(vari=0;i