CSS Moz Linear Gradient工作，但其他两个渐变不工作（需要帮助！）

Question

background-image：-moz-linear-gradient（中心顶部，＃818181 0px，白色105px）;

background-image：-webkit-linear-gradient（中心顶部，＃818181 0px，白色105px）;

background-image：-ms-linear-gradient（中心顶部，＃818181 0px，白色105px）;

Answer 1

我猜这在其他浏览器中不起作用。如果你的意思是其他两个被取消，那是因为css引擎如何解析这些规则并且没关系，firefox不支持-ms或-webkit规则。

它不起作用的原因是你错过了无前缀的规则：

background-image: linear-gradient(center top , #818181 0px, white 105px);

根据autoprefixer，您不需要-moz和-ms规则，只需要未加前缀的-webkit：

background-image: -webkit-linear-gradient(center top, #818181 0px, white 105px);
background-image: linear-gradient(center top , #818181 0px, white 105px);

另请注意，这是not supported in IE < 10。