Question

我想只使用在Android上运行的css3或html5制作渐变文字。我尝试使用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画布来做其他方法吗？

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代码，那将非常有用。希望这会有所帮助。

Answer 2

这可能是浏览器问题。

以下是跨浏览器css渐变生成器的链接。

尝试创建任何渐变并尝试一下。如果它有效，那么这是一个浏览器问题。

以下是链接：CSS Gradient Generator

如果它为您排序问题，请告诉我。

Android网站开发问题

2 个答案: