资源描述:
《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中内容超过长度后以省略号显示的方法
4、定义margin和padding尺寸的缩写(TRBL) margin:3px;表示所有边都是3px; margin:3px5px;表示top和bottom的值是3px,right和left的值是5px margin:3px5px7px;表示top的值是3,right和left的值是5,bottom的值是7 margin:3px5p
8、x7px5px;四个值依次表示top,right,bottom,left上右下左。5、IE不能正确显示透明PNG图片 header内加入:程序代码 functioncorrectPNG(){ for(vari=0;i