css - 为什么我的线性渐变在 Firefox 中不起作用?

标签 css firefox linear-gradients

我正在 Firefox 33 上测试我的应用程序。我有一个用渐变定义的简单背景属性:

background: linear-gradient(bottom, #004771 0%, #005185 100%);

而且它不起作用。 <强> CanIUse 报告说 Firefox 33 上的渐变可以在没有前缀的情况下使用。那么为什么它不起作用?如果我添加特定于 Mozilla 的前缀:

background: -moz-linear-gradient(bottom, #004771 0%, #005185 100%);

一切正常。

最佳答案

使用没有前缀的linear-gradient时,需要这样写(“to bottom”而不是“bottom”):

background: linear-gradient(to bottom, #004771 0%, #005185 100%);

编辑:文档链接:https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Syntax

关于css - 为什么我的线性渐变在 Firefox 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27548447/

相关文章:

底部的 HTML/CSS 菜单与中间的图像冲突

javascript - Html/Css Jssor Slider 仅在 chrome 中不起作用但没有错误

html - 无法连接 Bootstrap 页面

javascript - 为什么这些共享按钮在 Firefox 中不起作用?

html - 在特定浏览器宽度下,渐变填充 div 的末尾出现白线

css - 矩形透明 Angular 的渐变?

javascript - 如何将下拉菜单与按钮对齐

java - Firefox 不是使用 Geckodriver 和 Selenium 启动的 - 它可以与 Chrome 一起使用

html - 如何在firefox中设置垂直滚动条在左侧?

css - 为什么文本不起作用?