前端常见问题梳理 - css hack

css hack的定义:我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hack

对于hack方法,其实现在用到的越来越少了。一方面是项目对于兼容性的允许度提高了,基本都是到ie9即可。一方面是低版本到使用者降低了,另一方面也是因为 很多框架都不支持了,去兼容的话成本太高。如 vue,react等等。

证据证据:我们看看百度的搜索结果,2019年的已经非常少了。所以我们这里只是简单总结下,不深究。

常用的CSS hack方式

  • 方式一 条件注释法

        
    <!--[if IE 6]>
         这段文字只在IE6浏览器显示
    <![endif]-->
    
  • 方式二 类内属性前缀法

                
    // \0 是IE8/9/10的hack
    
    with:100px\0;
    
  • 方式三:选择器前缀法

                
    _background-color:#CDCDCD;/*ie6*/
    

总结:条件注释法 类似块级hack。所以有三种方式:块级,属性,选择器。可以针对不同ie版本,以及 ff,chrome等分别做hack。至于具体怎么做,到时候再查吧。

随机浏览