css - 为什么即使有供应商前缀也不会在 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, ...)