Html 为什么gradient在mozilla中不起作用?它的工作原理很好,是铬的
我在#inner中尝试了-moz线性渐变,但它在Mozilla中不起作用Html 为什么gradient在mozilla中不起作用?它的工作原理很好,是铬的,html,css,mozilla,Html,Css,Mozilla,我在#inner中尝试了-moz线性渐变,但它在Mozilla中不起作用 background: -moz-linear-gradient( left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,1)) ); 尝试以下操作: b
background: -moz-linear-gradient(
left top,
right top,
color-stop(0%,rgba(255,255,255,1)),
color-stop(50%,rgba(255,255,255,0.01)),
color-stop(100%,rgba(255,255,255,1))
);
尝试以下操作:
background-color: #49afcd;
background-image: linear-gradient(to left top, #5bc0de, #2f96b4);
background-repeat: repeat-x;
它工作正常Mozilla渐变不使用
颜色停止
,只使用单个第一个参数来定义渐变的方向性
以下定义:
对于较旧的Mozilla浏览器,这个应该可以使用(未经测试):
background: -moz-linear-gradient(
left,
rgba(255,255,255,1),
rgba(255,255,255,0.01),
rgba(255,255,255,1)
);
顺便说一下,您应该使用
背景图像
而不是背景
,以避免删除其他内容,并且只有在您支持较旧(15+版本之前)的Firefox版本时,才需要使用-moz-
前缀。您还需要为此设置标准方式:linear-gradient()…我可能会查看一个副本:缺少指向mozilla网站的链接以获得一些解释:)(副本)
background: -moz-linear-gradient(
left,
rgba(255,255,255,1),
rgba(255,255,255,0.01),
rgba(255,255,255,1)
);