css在浏览器中兼容 |css圆形头像旋转

/*IE浏览器中的CSS兼容写法*/
div{
background-color:#FFF;
background-color:red\9; /*IE6~8*/
*background-color:green; /*IE6~7*/
_background-color:blue; /*IE6*/
}

这是一种常见的IE浏览器中的CSS兼容写法。在IE6~8中，通过添加“\9”后缀，可以让IE识别该样式。在IE6~7中，通过添加“*”前缀，可以让IE识别该样式。在IE6中，通过添加“_”前缀，可以让IE识别该样式。

/*各浏览器中的CSS变量*/
:root{
--main-color: #191919;
}
/*Chrome、Firefox、Safari*/
body{
background-color: var(--main-color);
}
/*IE、Edge*/
body{
background-color: #191919;
}

这是一种CSS变量的写法。CSS变量可以在各种浏览器中使用，但是在IE和Edge浏览器中不支持。因此，大家需要在需要使用该变量的地方使用该变量的值。

总之，大家在使用CSS时需要注意兼容性问题，避免出现各种样式显示异常的情况。