CSS兼容问题,我也整理了一些高人们的解决方案,大家可以参照我整理的一些因为兼容性导致的问题解决。我们知道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掉下来。所以不要偷懒,该加样式的一定要加好。