CSS Hack

各种ie兼容hack

属性标记法

IE6-  对于IE6-浏览器主要使用下划线_和中划线-这两种字符

_color:blue;
-color:blue;

IE7-

对于IE7-浏览器可以使用非常多的字符，包括`~!@#$%^&*()=+{[]:<>,.?/

但是，比较常用的是加号+和星号*

+color:blue;
*color:blue;

IE10-

使用后缀\9可以识别出IE10-浏览器

color:blue\9;

IE8+

使用后缀\0可以识别出IE8+浏览器　

color:blue\0;

IE9、IE10

使用后缀\9\0可以识别出IE9、10浏览器

color:blue\9\0;

选择器前缀法

IE6-

在选择器前面添加* html，可以识别IE6-浏览器

注意：*和html之间有无空格都可以生效

*html div{color:}

IE7

在选择器前面添加*+html，可以识别IE7浏览器

注意：*、+、html之间有无空格都可以生效

*+html div{color:}

IE8

在选择器外层使用@media \0，可以识别IE8浏览器

注意：@media和\0之间必须有空格

@media \0{
    div{color:}
}

IE9+及其他非IE浏览器

在选择器前面添加:root，可以识别IE9+及其他非IE浏览器

:root div{color:}

来源于： https://www.xiaohuochai.cc/posts/5af6d5d2c5c7a22150ec2cf9

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/677

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！