css中-webkit、-khtml、-moz、-o属性之间的区别？

CSS中的-webkit-box-shadow、-khtml-box-shadow、-moz-box-shadow、-o-box-shadow之间有什么区别

我的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;

---

没有区别。这些是供应商前缀，用于支持

当CSS规范未最终确定时，供应商（浏览器制造商）会向CSS规则添加前缀。它应该可以防止规范更改和不兼容问题。（事实并非如此，这只是一种烦恼）

（一个很好的资源）有关于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特性的兼容性表。对于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;
}

---

没有直接的区别，它是一个供应商前缀，用于告诉不同的浏览器如何解释属性

框阴影

。 这是因为不同的浏览器可能会以不同的方式实现它

---

供应商前缀还允许您使用实验性功能或未最终确定的功能。

没有直接的区别，供应商前缀是为了告诉不同的浏览器如何解释属性

框阴影。
这是因为不同的浏览器可能会以不同的方式实现它

供应商前缀还允许您使用实验性功能或未最终确定的功能。
这是旧版本浏览器的前缀。o代表opera，moz代表mozilla等。您可以阅读更多。
这是旧版本浏览器的前缀。o代表opera，moz代表mozilla等。您可以阅读更多信息。
-webkit-khtml-moz-o-是以下内容的供应商前缀：


webkit（safari，浏览器）
moz（firefox）
o（歌剧）
khtml（康克勒）

主要用于CSS3功能，它们有时允许使用或更改具有“现代”属性的浏览器行为

-webkit-khtml-moz-o-是供应商前缀，用于：


webkit（safari，浏览器）
moz（firefox）
o（歌剧）
khtml（康克勒）

主要用于CSS3功能，它们有时允许使用或更改具有“现代”属性的浏览器行为

没有区别。这些是CSS供应商前缀或CSS浏览器前缀

这是浏览器制造商在浏览器中添加对新CSS功能支持的一种方式
测试和实验阶段。使用浏览器前缀
添加可能不是正式规范一部分的新功能，以及
在尚未最终确定的规范中实现功能

没有区别。这些是CSS供应商前缀或CSS浏览器前缀

这是浏览器制造商在浏览器中添加对新CSS功能支持的一种方式
测试和实验阶段。使用浏览器前缀
添加可能不是正式规范一部分的新功能，以及
在尚未最终确定的规范中实现功能

你在这里，你在这里，W3学校被认为提供了不准确的内容。W3学校被认为提供了不准确的内容。