CSS3 3d支持的功能检测(Opera问题)

时间:2013-05-15 18:42:24

标签: javascript jquery css3 transform browser-feature-detection

我正在尝试为不支持CSS3 3d变换的浏览器应用不同的样式。但出于某种原因,当我在opera中预览页面时,它会应用3D浏览器的样式,即使它(据我所知)不支持CSS3 3d变换。

  function has3d() {
    var threedee, has3d;
        threedee = document.createElement('div');
        threedee.style['transform'] = 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)';
        document.body.insertBefore(threedee, document.body.lastChild);
        has3d = window.getComputedStyle(threedee).getPropertyValue('transform');

    if( has3d !== undefined ){
        //Apply styles for awesome browsers that do support 3d
    }
    else {
        //Apply Styles for lame browsers that don't support 3d
    }
}

我知道脚本正在运行,因为当我在条件中切换类时,它适用于chrome,safari和firefox。我只是想不通为什么Opera似乎在说它支持3d变换。我需要为歌剧做些什么特别的事吗?

0 个答案:

没有答案