作者:潘PanPanPq | 来源:互联网 | 2023-05-20 13:52
-moz-, -webkit-, -o-这些都是浏览器前缀
情况:浏览器厂商在标准尚未明确情况下提前支持会有风险,同时也会出现有的浏览器厂商支持的好,有的支持的不好,所以就用厂商前缀加以区分。
结果:CSS个别样式,会有兼容问题,需要给个别浏览器的样式加上浏览器前缀,像阴影效果的样式,box-shadow;在不同浏览器上有不同的效果,为了兼容,可能需要在box-shadow加上不同浏览器的前缀,用于识别,所以会写为:
-moz-box-shadow: 3px 3px 4px #000;/*这句在新版的火狐上,已经不生效了,因为FireFox4 以上就不用前缀了*/-webkit-box-shadow: 3px 3px 4px #000;box-shadow: 3px 3px 4px #000;
总结:浏览器和前缀关系:
Firefox: -moz-
Chrome, Safari: -webkit-
Opera: -o-
IE: -ms-