background: -webkit-linear-gradient( left, rgba(36, 221, 241, 0.2), rgba(36, 221, 241, 0.2) );为什么这个生效了

这个属性生效了是因为你使用了 `-webkit` 前缀，该前缀是针对 Webkit 浏览器引擎（如 Chrome、Safari）的私有前缀，用于支持一些实验性的 CSS 属性和值。有些时候，浏览器可能只支持带有私有前缀的属性，而不支持标准的属性，这时候我们需要加上私有前缀来兼容不同的浏览器。

在这个例子中，`-webkit-linear-gradient` 是 Webkit 浏览器引擎中的私有属性，用于实现渐变效果。如果你想要在其他浏览器中实现同样的效果，你还需要加上其他浏览器引擎的私有前缀，如 `-moz-linear-gradient`（针对 Firefox 浏览器）和 `-o-linear-gradient`（针对 Opera 浏览器）。如果你希望使用标准的渐变属性，可以使用 `linear-gradient`，但这可能会导致在某些浏览器中不兼容。