也简短记录下今天收获。这两天一直在做公司网站的ie9优化。不废话几个问题:
问题1:如下,菜单栏走位:
解决思维:
这个是因为对css的块的理解。里面设置了大量的float属性。 受块的浮动影响。使用css 的clear的属性设置为both。清除浮动影响即可。
问题2:块的间距变化
解决思想:这是由于ie8下margin加倍的问题,当然我作为新手,用了个最笨的方法,就是使用适合的margin值使界面完好显示。当然还有更好的方法。用js来判断ie的版本来使用不同的css文件等。
今日相关资料:
3)清除块display,这个可以解决浮动造成的块,造成块后,当DIV背景填色或填图片的时候,会出现背景断开或差一小块。这种兼容出现的不太多,我做到现在,只遇到过两次,方法是在出现兼容的DIV的CSS中写一个display:block,
2)DIV+CSS解决IE6,IE7,IE8,FF兼容问题 其它的先不管ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了
1)IE6,IE7,FF下出现三种不同的效果,比如IE6下背景红色,IE7下蓝色FF下绿色,这里,我自己试过,可以,用兼容的方法(注意顺序,可以好好理解一下)。7
L& t- o7 k- a1 I
background:red;
+background:blue !important;
+background:green;