[13年迁移]IE6下的一些DIV适配总结_html/css_WEB-ITnose
程序员文章站
2022-05-21 14:53:11
...
想到些以前的东西随便写下,在新丰两建网开发中,,使用了完全的div布局,由于对方要求,左侧应用栏要能活动,只能使用3列的方式.*又广泛使用ie6,其实最好用table来做
这 时就暴露了IE6下div的一个适应问题,IE6下默认的margin-bottom不是0的,而是有一个固定的数,如果不制定div大小和相关属性,让 div在ie6下自动适配,那和火狐和ie9是不同的.最后的解决方法是全部div指定大小和相关属性.其实正确的方法是一开始开发的时候就进行处理,
在过程中还有个问题,就是在网站开发过程中遗留的一些空div或者table也会照成ie6下的显示不正常,去除即可.
还 有就是关于ie6落后的渲染引擎,下拉选择框和div的层级问题,关于div x-index属性问题,在ie6下的form的select控件是貌似是一定最高层的,估计和渲染方法有关,是无解的,包括它不被点开的时候,div不 管你设置x-index多高,都不会再select控件上,而ie9和其他浏览器则没此问题.解决的方法是用js编写下拉菜单控件,这也是一些大型网站用 自制的下拉菜单的原因.
还有就是一些就是大家都懂的,就不再重复,只要注意些,其实也不是不能用完全div布局的方法来开发兼容ie6网站的,经验不足就会出很多错误,熟悉了可能还是可以的,就是有点麻烦,最好还是用table吧,在中国.
ie6几时才死啊啊啊
这 时就暴露了IE6下div的一个适应问题,IE6下默认的margin-bottom不是0的,而是有一个固定的数,如果不制定div大小和相关属性,让 div在ie6下自动适配,那和火狐和ie9是不同的.最后的解决方法是全部div指定大小和相关属性.其实正确的方法是一开始开发的时候就进行处理,
在过程中还有个问题,就是在网站开发过程中遗留的一些空div或者table也会照成ie6下的显示不正常,去除即可.
还 有就是关于ie6落后的渲染引擎,下拉选择框和div的层级问题,关于div x-index属性问题,在ie6下的form的select控件是貌似是一定最高层的,估计和渲染方法有关,是无解的,包括它不被点开的时候,div不 管你设置x-index多高,都不会再select控件上,而ie9和其他浏览器则没此问题.解决的方法是用js编写下拉菜单控件,这也是一些大型网站用 自制的下拉菜单的原因.
还有就是一些就是大家都懂的,就不再重复,只要注意些,其实也不是不能用完全div布局的方法来开发兼容ie6网站的,经验不足就会出很多错误,熟悉了可能还是可以的,就是有点麻烦,最好还是用table吧,在中国.
ie6几时才死啊啊啊