为什么即使有供应商前缀，渐变也没有显示在 Heroku 上？

Question

我在应用程序中使用了以下css。在开发时，它工作正常，在生产时，它未能加载梯度。这是我使用的css，它没有渲染：

button {
background-image: -moz-linear-gradient( -135deg, rgb(255, 131, 10) 0%, rgb(255, 198, 54) 100%);
background-image: -webkit-linear-gradient( -135deg, rgb(255, 131, 10) 0%, rgb(255, 198, 54) 100%);
background-image: -ms-linear-gradient( -135deg, rgb(255, 131, 10) 0%, rgb(255, 198, 54) 100%);
color: #ffffff;
font-size: 2em;
border-radius: 999px;
width: 19%;
height: 6vh;
border: #ffffff 2px solid;
outline: none;
transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
cursor: pointer;
}

我在所有浏览器上看到的都是灰色的。不是特定于浏览器的问题。

这是我的应用程序的链接：MP3Bolt

Answer 1

梯度的非供应商前缀丢失。

linear-gradient(direction, color-stop1, color-stop2, ...)