检测浏览器支持css3D转换_html/css_WEB-ITnose
程序员文章站
2022-05-02 08:49:51
...
var support_css3 = (function() { var div = document.createElement('div'), vendors = 'Ms O Moz Webkit'.split(' '), len = vendors.length; return function(prop) { if ( prop in div.style ) return true; prop = prop.replace(/^[a-z]/, function(val) { return val.toUpperCase(); }); while(len--) { if ( vendors[len] + prop in div.style ) { return true; } } return false; }; })(); function support_css3_3d(){ var docElement = document.documentElement; var support = support_css3('perspective'); var body = document.body; if(support && 'webkitPerspective' in docElement.style){ var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = '@media (transform-3d),(-webkit-transform-3d){#css3_3d_test{left:9px;position:absolute;height:3px;}}'; body.appendChild(style); var div = document.createElement('div'); div.id = 'css3_3d_test'; body.appendChild(div); support = div.offsetLeft === 9 && div.offsetHeight === 3; } return support; }
出处:http://www.cnblogs.com/lvdabao/p/HTML5_CSS3_detection.html
推荐阅读
-
检测浏览器对HTML5和CSS3支持度的方法
-
html5 placeholder 属性 并检测浏览器是否支持这个属性
-
支持多浏览器的镜像反转css效果_html/css_WEB-ITnose
-
玩转CSS选择器(二) 之 浏览器支持,常见Bug,性能优化_html/css_WEB-ITnose
-
CSS3原生支持div与浏览器等高等宽方法_html/css_WEB-ITnose
-
求一个支持全部浏览器的固定table表头的方法_html/css_WEB-ITnose
-
chm文件转换成html文件,解决chm文件无法使用浏览器打开的问题_html/css_WEB-ITnose
-
有支持Html5 WebSocket的手机浏览器吗?_html/css_WEB-ITnose
-
让所有浏览器包括IE6即支持最大宽度又支持最小宽度。_html/css_WEB-ITnose
-
让所有浏览器包括IE6即支持最大宽度又支持最小宽度。_html/css_WEB-ITnose