浏览器兼容性问题是网站前端设计师必须要掌握的必备结束,网络上也有很多相关的资料,但是很多不符合WEB2.0标准。现在主流的解决方法主要是IE条件注释和CSS HACK*(建议尽量少用,容易用上瘾)。

前言,对于开发人员来说最大的问题是绝大多数用户仍然在使用IE6,而它是一个对CSS规范支持较差,问题较多的浏览器。

1.1条件注释

2. 0  css hack

      前言, CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7, 6,Internet Explorer 8,Mozilla Firefox等,对CSS的解析不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。

 

2.1 css hack详解

     注:所有的hack都是针对IE浏览器
    "\9" 例:"border:1px \9;".这里的"\9"可以区别所有IE和FireFox.
    "\0" IE8识别,IE6、IE7不能.
    "*" IE6、IE7可以识别.IE8、FireFox不能.
     "_" IE6可以识别"_",IE7、IE8、FireFox不能.

2.2 css hack 举例1
   IE6 hack
   _background-color:#CDCDCD;

   IE6 IE7 hack
   *background-color:#dddd00;

   IE8 hack
   background-color:red\0;

   IE9 hack
   background-color:blue\9\0;
2.3 css hack 举例2


 #tip{
      background:blue;
      background:green\9;    区分IE 和firefox(不支持)
      *background:red !important;
      *background:yellow; }
     说明:IE6能识别*;不能识别 !important;
        IE7能识别*,能识别!important;
            FF不能识别*,但能识别!important;
2.4 CSS HACK总结

_IE6专用 (IE6不支持!important)
*IE6和IE7专用
\0 IE8IE9
\9区分IE和火狐
!important IE6以上的浏览器支持

\9\0 IE9支持

稳定

产品高可用性高并发

贴心

项目群及时沟通

专业

产品经理1v1支持

快速

MVP模式小步快跑

承诺

我们选择声誉

坚持

10年专注高端品质开发
  • 返回顶部