最近在进行开发的时候,遇到了多浏览器兼容的问题,好像这个问题对于做Web开发的朋友都是老生常谈的问题了。
主要进行测试的浏览器是:Firefox、IE8、360;
首先解释一个常识性问题,大家可能都知道360浏览器是用IE内核的,但可能不太知道用的是IE几,360浏览器用的是IE7内核;
首先先来几张因为浏览器兼容而产生的问题吧:
接下来介绍一下相应的解决方法:
同时大家需要注意这些CSS兼容代码的次序问题,IE8的特定代码需要放在FF之后,相应的IE7在IE8,IE6在IE7,因为放在越后,如果被特定浏览器读到会覆盖之前的相同属性的设置,如这里的Width属性。
我在CSS文件中写下如下代码:
解决了在360上的兼容性问题:
这只是我的一点个人做法,可能有些说法还有不对的地方,欢迎大家留言......