CSS兼容问题,是美工最头痛的问题。做测试时,用谷哥和360浏览器(最新)都没有什么问题,用
IE6/IE8测试,问题就冒出来了。微软现在出IE10,我电脑上已经无法用IE6准确测试,IE-TESTER只能做
参考作用。这个月,针对CSS兼容问题,总结了一些实用建议。
1、尽量少用margin属性,就算要用,也是在容器内用。一般IE6出问题,就是margin问题。不用margin,
怎么隔开DIV或其它容器?直接用高度,页面确定后,高度一般不变,所以高度写高点,就可以将它下面
的块挤下去,留出空隙。有时候不得不用margin,但是IE6又必然出问题,怎么办?请使用css hack技术
,姚总和我提过,我也一直在使用,却忘记这个_margin属性,可以用负值。技术不精啊,多学习。
2、a链接如果设置了通用样式(初始状态及hover状态),那么在具体的块中的a就不要设置这两个属性,
除非更改颜色。不然,一旦具体的块中的a用了通用样式中的underline或者除颜色外其它属性,如果它的
hover没有设置,必然会出问题,有冲突。
3、IE8有个地方需要注意,如果左右两块左右浮动,左边设置左浮动,右边不设浮动,右边将在IE8掉下
来。所以不要偷懒,该加样式的一定要加好。