webkit，
-webkit-box-shadow，-khtml-box-shadow，-moz-box-shadow，-o-box-shadow在CSS中有什么区别？
我的CSS是这样的：
button:hover {
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
-khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
-o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
没有即时的差异，它是供应商前缀，以便告诉不同的浏览器如何解释，在这种情况下，属性box-shadow 。 这是因为不同的浏览器可能以不同的方式实现它。
供应商前缀还允许您使用实验功能或未定型功能。
没有区别。 这些是供应商前缀，用于支持 。
当CSS规范尚未最终确定时，供应商（浏览器制造商）会在CSS规则中添加前缀。 它应该可以防止规格更改和不兼容问题。 （不是它实际上是这样，这只是一个烦恼）
Caniuse（一个很好的资源）具有CSS功能的兼容性表格。 对于box-shadow，旧的Safari和Chrome使用-webkit- ，而旧的FF使用-moz- 。 -o-和-khtml-前缀似乎不是必需的。
顺便说一句，即使没有浏览器支持（在你的情况下），你应该添加符合标准的规则：
button:hover {
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
box-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
}
没有区别。 这些是CSS供应商前缀或CSS浏览器前缀
这是浏览器制造商在某种测试和实验阶段添加对新CSS功能的支持的一种方式。 浏览器前缀用于添加可能不属于正式规范的新功能，并且可以在尚未最终确定的规范中实现功能。
Android: -webkit-
Chrome: -webkit-
Firefox: -moz-
Internet Explorer: -ms-
iOS: -webkit-
Opera: -o-
Safari: -webkit-
参考
链接地址: http://www.djcxy.com/p/75661.html上一篇: webkit ,