Heim > Web-Frontend > HTML-Tutorial > [13年迁移]IE6下的一些DIV适配总结_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:56:48
Original
1248 Leute haben es durchsucht

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage