我正在尝试为不支持 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 变换。我需要为歌剧做些什么特别的事情吗?