浏览器兼容问题,多浏览器兼容问题—粗解

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

Tags: 

延伸阅读

最新评论

发表评论