Android網頁開發問題

Question

我想只使用css3或html5在Android上工作的漸變文字。我試着用css3，但在android上有一個小問題。我試過這個http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/。這是它在android http://img121.imageshack.us/img121/5014/androidw.png中的樣子。有人可以告訴我如何解決它，或另一種方式來做到這一點，無論是用css3還是html5 canvas？

header h1 { 
position: relative; 
display:inline-block; 
margin-top: 0px; 
background: rgba(0,0,0,0); 
margin: 23px 0 0 77px; 

}

header h1 a { 
color: #fff; 
position: absolute; 
background: rgba(0,0,0,0); 
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)),to(rgba(0,0,0,0))); 

}

header h1:after { 
content: 'Company name'; 
background: rgba(0,0,0,0); 
text-shadow: -1px 1px 2px #232323; 
color: #dadada; 

}

Answer 1

這可能是一個瀏覽器問題。

這是一個跨瀏覽器css梯度生成器的鏈接。

嘗試創建任何漸變，並嘗試它。如果它有效，那麼這是一個瀏覽器問題。

這裏是鏈接：CSS Gradient Generator

讓我知道這是否爲你排序問題。

Answer 2

我還沒有看到你的CSS代碼，但它看起來像你身邊的文本梯度和背景文字是黑色的。 嘗試將文本的背景顏色設置爲透明並查看會發生什麼。否則，如果你可以在這裏發佈你的CSS代碼，那真的很有幫助。 希望這有助於。