IE Firefox在css中的差别 (部分)
网站建设 2023-01-28 21:38www.1681989.com免费网站
1、单位问题
问题任何距离的数值ie可以不加单位,ff必须要求写单位(0除外)
解决写全单位如paddg:0px;
2、水平居中
问题div里的内容,ie默认为center,而ff默认left
解决mairg:0px auto;
3、高度问题
问题如果设置了一个DIV的高度,当DIV里实际内容大于所设高度,ie会自动拉伸以适应DIV容器大小,ff会固定DIV的告诉,超过部分超出DIV底线以外,出现和狼蚁网站SEO优化的内容重叠的现象
解决控制恰当的高度,或者不写,让浏览器自动调节高度,或者设置overflow:hidden;
4、clear:both;
问题如果上面用float控制了n列DIV,狼蚁网站SEO优化ie会自动检测自动排列,ff则可能很不老实,到处乱动
解决float结束后的下一个标签加clear:both;以结束float的控制
5、最大/小宽度问题
问题m-width,max-width只是ff的命令,如何让ie实现同样的效果
解决ie不认识m-和max-,实际ie认为m-width、max-width和width效果一样,可以用狼蚁网站SEO优化方法解决
#text{
m-width: 700px;
max-width: 1000px;
width:expression(document.body.clientWidth<700 ? "700px" : document.body.clientWidth>1000 ? "1000px" : "auto");
}
6、!important支持
问题ff支持ie不支持
解决无。ie会忽略。
7、游标状态
问题cursor:hand;仅ie支持,显示手指状态
解决使用cursor:poter;ie和ff都支持
8、实际像素
IE/Opera对象的实际宽度 = (marg-left) + width + (marg-right)
Firefox/Mozilla对象的实际宽度= (marg-left) + (border-left-width) + (paddg- left) + width + (paddg-right) + (border-right-width) + (marg-right)
所以排列好及列的表格时ie和ff显示宽度稍有区别
问题任何距离的数值ie可以不加单位,ff必须要求写单位(0除外)
解决写全单位如paddg:0px;
2、水平居中
问题div里的内容,ie默认为center,而ff默认left
解决mairg:0px auto;
3、高度问题
问题如果设置了一个DIV的高度,当DIV里实际内容大于所设高度,ie会自动拉伸以适应DIV容器大小,ff会固定DIV的告诉,超过部分超出DIV底线以外,出现和狼蚁网站SEO优化的内容重叠的现象
解决控制恰当的高度,或者不写,让浏览器自动调节高度,或者设置overflow:hidden;
4、clear:both;
问题如果上面用float控制了n列DIV,狼蚁网站SEO优化ie会自动检测自动排列,ff则可能很不老实,到处乱动
解决float结束后的下一个标签加clear:both;以结束float的控制
5、最大/小宽度问题
问题m-width,max-width只是ff的命令,如何让ie实现同样的效果
解决ie不认识m-和max-,实际ie认为m-width、max-width和width效果一样,可以用狼蚁网站SEO优化方法解决
#text{
m-width: 700px;
max-width: 1000px;
width:expression(document.body.clientWidth<700 ? "700px" : document.body.clientWidth>1000 ? "1000px" : "auto");
}
6、!important支持
问题ff支持ie不支持
解决无。ie会忽略。
7、游标状态
问题cursor:hand;仅ie支持,显示手指状态
解决使用cursor:poter;ie和ff都支持
8、实际像素
IE/Opera对象的实际宽度 = (marg-left) + width + (marg-right)
Firefox/Mozilla对象的实际宽度= (marg-left) + (border-left-width) + (paddg- left) + width + (paddg-right) + (border-right-width) + (marg-right)
所以排列好及列的表格时ie和ff显示宽度稍有区别
上一篇:用div css模拟表格对角线
下一篇:不用js可以实现信息提示效果