多浏览器兼容问题—粗解

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

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

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

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

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

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

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

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

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

原文地址:https://www.cnblogs.com/guolebin7/p/2180430.html