为什么在CSS中添加-webkit-prefix，而在没有它的情况下仍然可以工作？

背景：线性梯度（#0081D3，#E44211）在大多数现代浏览器中运行良好

为什么有时会使用
-webkit linear gradient
，
-moz linear gradient
等？
它们被称为“供应商前缀”，您需要它们与旧浏览器兼容。CSS3是一个不断变化的标准，因此当开发人员仍在使用这些前缀时，有些函数在没有这些前缀的情况下无法实现

你必须考虑旧的浏览器，因为它们仍然被许多人使用

有关更多信息，请参见此：

供应商前缀，如
-webkit-
或
-moz-
用于添加新的
可能不是正式规范一部分的功能，添加
在某种测试和实验中支持新的CSS特性
期间。

-

Web浏览器制造商将这些前缀用于CSS实验功能，因此旧浏览器可能支持供应商前缀下的新CSS功能

虽然CSS功能的语法（例如，
gradient
）在供应商实现和正式规范之间可能有所不同：

/*Safari 4+、Chrome 1-9的旧语法*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#1e5799）、颜色停止（100%，#7db9e8））；
/*W3C规范*/
背景：线性梯度（至底部，#1e5799 0%，#7db9e8 100%）；

查看或文档以了解更多信息。
旧浏览器