• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > 网页制作 > DIV&CSS >

Div+Css IE6错位解决

来源: www.dedecms8.com 编辑:织梦吧 时间:2010-12-24点击:

写下这篇纪录前,允许我鄙视下微软,这么多年了还没把IE6淘汰掉。昨天刚把博客改完上传,匆匆忙忙的,也没功夫测试下有没有错误,以为应该没有问题,下午用了下IEtester才发现了大问题,在IE8和FF中显示正常的页面,如下图:


在IE6中发生了错位:

一滴汗啊…IE6真是不错.本来没怎么想改的,觉得好像现在起码用的都IE7+吧,今天早上一看数据,来访的基本都是ie6的浏览器,问题大了,总 不能让首页就这么暴露了。。。。。得,看了下css代码,问题出在margin属性上,由于在ie六下会向右偏移60px,所以只要加上margin- left:-60px,就能解决ie6下的偏移问题,但在ie8中,div又会向左偏移60px。所以必须用到!important,果断的写下 margin-left:0 !important;margin-left:-60px;由于现在ie7,ie8可以识别!important这一代码,所以会优先解析 margin-left:0这一css,而当用户使用ie6版本进行浏览,由于ie6不识别!important这一代码,所以解析margin- left:-60px;这一代码,至此,问题解决。

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1170734538@qq.com ,  QQ