兼容前缀浏览器版本问题

老师，这节课一开始说了各个浏览器兼容的版本（IE10+,FF16+,chrome26+等），然后后面说可以加兼容前缀，请问加了前缀之后是除了IE，其他浏览器所有版本都支持的意思吗？除了这节课，这几章的都挺多都是这种情况的，也是前面说了兼容性列表，然后后面说加前缀，但是也没说加了前缀可以支持到什么版本

localhost999 2020-07-20

源自：CSS3过渡 2-3 transition-duration属性

收起

5回答

好帮手慕慕子回答被采纳获得+3积分 2020-07-23 11:38:23

同学你好，老师这里给同学简单解释一下，同学简单了解下即可。

16是指表示支持该属性（不需要写前缀）的第一个浏览器版本号，16版本之后就可以使用这个属性了。
5是指支持前缀-moz-animation-这种写法的第一个浏览器版本号，也就同学说的添加了前缀可以支持到5版本的意思。
由于现在的火狐浏览器版本已经更新到78了，实际开发中一般都是针对最新的浏览器版本进行测试，对于官网中显示的44和49这两个版本加前缀的问题，老师确实也不是很了解，推测是火狐浏览器版本更新过程中，自身存在的问题，同学了解下就行，不用纠结，重点是学习课程中讲解的知识点。

祝学习愉快~

收起回答

好帮手慕慕子 2020-07-23 09:36:34

同学你好，对于你的问题解答如下：

老师查阅资料显示最新版本的火狐依然使用它自己的内核，并没有改用谷歌内核，兼容的前缀依然是 -moz-
Opera低版本兼容的前缀是-o-，目前高版本的Opera浏览器兼容前缀是 - webkit-
同学截图的问题，应该是MDN官网本身存在的问题，以一个前缀为示例。

如果要考虑浏览器的兼容性，一般都是将所有类型的前缀（即：-moz-、-o-、-webkit-）都添加上。同学不用纠结的，重点是学习课程中讲解的知识点

祝学习愉快~

收起回答

提问者 localhost999 #1

好的老师还有请问我发的图片中第一张图，FireFox支持到16，但是下面提示版本5、44、49都加前缀是什么意思啊？

2020-07-23 11:09:30
提问者 localhost999 #2

不是加前缀可以支持到5版本的意思吗，为什么要单独写44,49版本啊？

2020-07-23 11:10:42

bbbboom 2020-07-21 10:28:02

看这截图官网应该只是给出了示例的前缀名，兄弟，现在常用的css属性，主流浏览器的新版本都已经支持了。不用考虑兼容性问题。

收起回答

提问者 localhost999 2020-07-20 21:50:15

收起回答

好帮手慕慕子 2020-07-20 17:49:01

同学你好，添加前缀后，对应的浏览器都可以支持该属性。

同学疑惑具体支持到哪一个版本，由于CSS属性很对，记忆起来比较困难，一般也不需要记忆，使用到哪一个属性，在MDN官网查看该属性支持的版本一下就可以了。

以animate属性为示例，紧跟在 -webkit前的数字为支持该前缀属性的第一个浏览器版本号。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

收起回答

提问者 localhost999 #1

老师为什么那里显示火狐浏览器和opera也加-webkit-的？是新版的火狐改用了谷歌内核吗？还是什么意思？，opera的前缀不是-o-吗？图片在最新回答

2020-07-20 21:49:35
提问者 localhost999 #2

老师在吗？

2020-07-22 21:29:35
好帮手慕慕子回复提问者 localhost999 #3

同学你好，老师在上面回复同学了，祝学习愉快~

2020-07-23 09:37:00