检测浏览器是否支持CSS3的方法求答案

html-css024

检测浏览器是否支持CSS3的方法求答案,第1张

⑶笾啊⒄衅浮⒁窖В┑劝婵椤H绾渭觳庥没У匿榔魇欠裰С諧SS3,我们需要使用HTML,CSS和JavaScript来完成这件事情。下面是步骤。1)先制作下面的HTML<spanid="check"rel="Detect"></span>2)然后书写下面的CSS#check{ display:nonewidth:0height:0} #check[rel^="D"]{ display:blockwidth:0height:0}3)下面是JavaScripts的检测脚本请确保下面的代码放在HTML文件头。<scripttype="text/javascript">varobj=document.getElementById("check")varfile="special.css"if(window.getComputedStyle) varstat=window.getComputedStyle(obj,null).getPropertyValue("display")elseif(obj.currentStyle) varstat=obj.currentStyle.displayvarcss3=(stat=="block")if(css3)alert("CSS3Supported.")elsealert("CSS3notsupported.")</script>我要投稿div+css 责任志愿者:江小飞 评论 错误 [版权说明]《》电脑资料版权属于作者本人,您可以参考本电脑资料进行个人学习,酷烈网所有电脑资料均来出于爱好网上搜集整理以及会员上传而来,目的是让有效的资源能及时分享给用户,但是由于信息来源复杂,本站不保证其准确性,仅供参考,教学与个人学习交流!严禁用于任何商业目的,本站不对你的使用承担任何责任!如有侵犯你的权利,请告之我们,核对后我们将立即删除!谢谢。

现在流行浏览器的最新版本都支持CSS3了,因为不支持就意味着被淘汰。

例如IE, Chrome, FireFox, Safari, Opera这5大浏览器,IE9以后也开始追赶,IE10以后支持情况已经很好了。

支持最好的应该是Chrome和FireFox了。看看下面这张图就知道对CSS3的支持情况了:

其他的浏览器往往是以这5大浏览器为内核的,比如360极速浏览器就是以Chromium(Chrome的开源版本)为内核,QQ浏览器也是,所以它们也都支持CSS3了。

html中区分ie各版本的方法为IE有条件注释,不过这种方式只支持到IE9(包括IE9),在IE10之后移除了该特性;不建议使用;

css中判断IE各版本,只能通过css hack方式,针对浏览器的怪癖行为来区分;不建议使用;

通过js处理浏览器的用户代理userAgent字符串来解析出浏览器的版本,虽然这种方式也不建议使用,但是目前能解析出浏览器类型及版本最好的办法了