由于各个浏览器使用的内核不一致,导致css解析也有些不同,下面分享一些浏览器兼容写法
前缀
-webkit- ,针对safari,chrome浏览器的内核CSS写法
-moz-,针对firefox浏览器的内核CSS写法
-ms-,针对ie内核的CSS写法
-o-,针对Opera内核的CSS写法
示例代码:
span{
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
}
body {
background: linear-gradient(0, green, blue);
background: -webkit-linear-gradient(0, green, blue);
background: -moz-linear-gradient(0, green, blue);
background: -o-linear-gradient(0, green, blue);
background: -ms-linear-gradient(0, green, blue);
}
css浏览器兼容
最新推荐文章于 2024-03-30 21:23:47 发布