Проблема веб-разработки Android

1

Я хочу сделать градиентный текст только с 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;

}

Теги:
canvas

2 ответа

0
Лучший ответ

Это может быть проблема с браузером.

Вот ссылка на генератор градиента кросс-браузера css.

Попробуйте создать любой градиент и попробуйте. Если он работает, то это проблема с браузером.

Вот ссылка: Генератор градиентов CSS

Сообщите мне, если это сортирует проблему для вас.

  • 0
    Я не могу понять, как это может работать для текста, потому что это для фоновых градиентов, и мне нужен текстовый градиент. Пожалуйста, ответьте мне, как, если я ошибаюсь.
0

Я не видел ваш CSS-код, но похоже, что у вас есть градиент вокруг текста, а фон текста черный. Попробуйте настроить фоновый цвет вашего текста на прозрачный и посмотреть, что произойдет. В противном случае, если бы вы могли разместить здесь свой CSS-код, это действительно помогло бы. Надеюсь, это поможет.

  • 0
    Я испробовал твой совет, но ничего счастливого. Я не был уверен, где я должен установить фон, но в любом случае вы можете увидеть это в моем первом комментарии.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню