Problème de développement Web Android

Question

Je souhaite créer un texte dégradé uniquement avec css3 ou html5 fonctionnant sous Android. J'ai essayé avec css3 mais sur Android il y a un petit problème. J'ai essayé ce http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/. Voici à quoi il ressemble dans Android http://img121.imageshack.us/img121/5014/androidw.png. Quelqu'un peut-il me dire comment le réparer, ou une autre façon de le faire, peu importe avec la toile css3 ou html5?

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

Cela pourrait être un problème de navigateur.

Voici un lien vers un générateur de gradient css multi-navigateur.

Essayez de créer un dégradé et essayez-le. Si cela fonctionne, c'est un problème de navigateur.

Voici le lien: CSS Gradient Generator

Laissez-moi savoir s'il trie le problème pour vous.

Answer 2

Je ne l'ai pas vu votre code CSS, mais il semble que vous avez un dégradé autour du texte et l'arrière-plan le texte est noir. Essayez de définir la couleur de fond de votre texte à transparent et voir ce qui se passe. Sinon, si vous pouviez poster votre code CSS ici, cela aiderait vraiment. J'espère que cela aide.