我有一个示例代码:

<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)时结果不显示这个样式，如何解决？

请您参考如下方法:

问题是您使用供应商前缀 -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生成梯度