css - 样式表 -moz-linear-gradient 在网络移动浏览器中没有显示？

Question

我有一个示例代码:

<div class="title"><h3>Test Title<h3></div>

和CSS

.title {
    background: -moz-linear-gradient(center top , #6F6F6F 0%, #4E4E4E 100%) repeat scroll 0 0 transparent;
}

当我用PC浏览器时结果正常，但是当使用手机(samsung galaxy S3, iPhone 4)时结果不显示这个样式，如何解决？

Answer 1

问题是您使用供应商前缀 -moz zo 只有一个浏览器正在阅读 -moz 将与此一起使用

这是要使用的类型:

-moz-linear-gradient
-webkit-linear-gradient
-o-linear-gradient
-ms-linear-gradient
linear-gradient

你也可以尝试只使用线性渐变，大多数浏览器都支持它

.title {
    background: linear-gradient(center top , #6F6F6F 0%, #4E4E4E 100%) repeat scroll 0 0 transparent;
}

你也可以使用this生成梯度