> 웹 프론트엔드 > HTML 튜토리얼 > [13年迁移]IE6下的一些DIV适配总结_html/css_WEB-ITnose

[13年迁移]IE6下的一些DIV适配总结_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:56:48
원래의
1249명이 탐색했습니다.

想到些以前的东西随便写下,在新丰两建网开发中,,使用了完全的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几时才死啊啊啊

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿