代码之家  ›  专栏  ›  技术社区  ›  DEDSEC _588

为什么梯度不出现在heroku上,即使带有厂商前缀?

  •  0
  • DEDSEC _588  · 技术社区  · 7 年前

    我在应用程序中使用了以下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

    1 回复  |  直到 7 年前
        1
  •  1
  •   DEDSEC _588    7 年前

    渐变的非供应商前缀丢失。

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