如何在手机上制作渐变边框？

Question

我有这样的代码：

#likebuttonsmob {margin-left:auto; margin-right:auto; width: 340px; margin-bottom: 8px; padding-left: 23px; padding-top: 4px; border-width: 1px; border-style: solid; border-left: 0px; border-right: 0px; 
border-image: -webkit-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.34), rgba(119, 119, 119, 0)) 1 1 1 1; 
border-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.34), rgba(119, 119, 119, 0)) 1 1 1 1; 
border-image: -ms-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.34), rgba(119, 119, 119, 0)) 1 1 1 1; 
border-image: -o-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.34), rgba(119, 119, 119, 0)) 1 1 1 1; 
} 

作出一些社交按钮的顶部和底部边框渐变如果页面是比1090px（我的手机更感兴趣）。使用上面的代码，如果我调整窗口的大小，所有东西都可以正常工作，但在我的手机上，顶部和底部的边界都很牢固，我看不到梯度。有人可以帮我解决这个问题吗？提前致谢。

示例页面：http://www.cumseface.eu/viewtopic.php?t=279

Answer 1

很多移动版本不一定支持渐变，依赖于它们的版本，当然，首先要检查这里：

http://www.quirksmode.org/css/images/gradients_mobile.html

然后使用特定移动浏览兼容性可以使用媒体查询。

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp