Проблемы с Android / HTML5 / CSS3 Fade In - PullRequest
1 голос
/ 17 января 2011

У меня проблема с браузером Android. Не Android-приложение, а обычная веб-страница HTML5 / CSS3, использующая анимацию CSS3 на основе webkit. Достаточно просто, я просто хочу, чтобы div / section появлялся на экране. Метод, который я показываю ниже, работает в браузерах iOS, но не в браузерах Android. Здесь происходит постепенное появление, и затем объект исчезает вместо того, чтобы торчать на экране:

section {
width: 480px;
height: 100px;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
background-image: url(images/home/bkg.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
z-index: 1;
-o-animation-name: fadeIn;
-o-animation-duration: 1s;
-o-animation-delay: 0s;
    -o-animation-fill-mode: both;
-moz-animation-name: fadeIn;
-moz-animation-duration: 1s;
-moz-animation-delay: 0s;
    -moz-animation-fill-mode: both;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: both;

}

1 Ответ

0 голосов
/ 04 апреля 2011

Видимо, webkit-animation-fill-mode не работает на Android.Возможно, вам придется обойти javascript, получив последний стиль анимации и применив его в конце анимации.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...