rotate3D из CSS3 преобразование не работает в Android

1

Я создал одно приложение с помощью Phonegap и HTML5 (jqueryMobile). Я поставил rotate3D для одного div,

он отлично работает в Google Chrome и Safari, но он не работает в Android 2. 3+ Любое предложение?

Теги:

2 ответа

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

Как вы можете видеть, CSS transforms3D не поддерживается Android 2.3: http://caniuse.com/#feat=transforms3d

попробуйте перейти на Android 4 (он работает для меня)

1

Я думаю, что это ошибка браузера Android. Я выполняю функцию, чтобы проверить, поддерживается ли rotate3d, и он говорит "Да":

function styleSupport( prop ) 
{
    var vendorProp;
    var supportedProp;
    // capitalize first character of the prop to test vendor prefix
    var capProp     = prop.charAt(0).toUpperCase() + prop.slice(1);
    var prefixes    = [ "Moz", "Webkit", "O", "ms" ];
    var div         = document.createElement( "div" );

    if ( prop in div.style ) 
    {
        //browser supports standard CSS property name
        supportedProp = prop;
    } 
    else 
    {
        //otherwise test support for vendor-prefixed property names
        for ( var i = 0; i < prefixes.length; i++ ) 
        {
            vendorProp = prefixes[i] + capProp;
            if ( vendorProp in div.style )
            {
                supportedProp = vendorProp;
                break;
            }
        }
    }
    // avoid memory leak in IE
    div = null;    
    return supportedProp;
}
alert(styleSupport('perspective'));
alert(styleSupport('transform'));

Ещё вопросы

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