2014-12-04 42 views
0

我有這樣的代碼:如何在手機上製作漸變邊框?

#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

+0

很難弄清楚你指的是哪些按鈕。 – 2014-12-04 10:30:26

+0

Facebook的按鈕,谷歌+和鳴叫。文章上方的那些。 – ForForce 2014-12-04 11:54:41

回答