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, ...)

为什么即使使用供应商前缀也不能在Heroku上不显示渐变？

1 个答案: