最近在进行开发的时候,遇到了多浏览器兼容的问题,好像这个问题对于做Web开发的朋友都是老生常谈的问题了。

主要进行测试的浏览器是:Firefox、IE8、360;

首先解释一个常识性问题,大家可能都知道360浏览器是用IE内核的,但可能不太知道用的是IE几,360浏览器用的是IE7内核;

首先先来几张因为浏览器兼容而产生的问题吧:

 

 

 

接下来介绍一下相应的解决方法:

 

同时大家需要注意这些CSS兼容代码的次序问题,IE8的特定代码需要放在FF之后,相应的IE7在IE8,IE6在IE7,因为放在越后,如果被特定浏览器读到会覆盖之前的相同属性的设置,如这里的Width属性。

 

我在CSS文件中写下如下代码:

解决了在360上的兼容性问题:

 

 

这只是我的一点个人做法,可能有些说法还有不对的地方,欢迎大家留言......

 

 

posted on 2011-09-18 14:42  guolebin7  阅读(275)  评论(0编辑  收藏  举报