写下这篇纪录前,允许我鄙视下微软,这么多年了还没把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;这一代码,至此,问题解决。