這篇文章主要介紹“如何檢測瀏覽器是否支持CSS3”,在日常操作中,相信很多人在如何檢測瀏覽器是否支持CSS3問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”如何檢測瀏覽器是否支持CSS3”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
成都創(chuàng)新互聯(lián)主營金門網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都App定制開發(fā),金門h5成都小程序開發(fā)搭建,金門網(wǎng)站營銷推廣歡迎金門等地區(qū)企業(yè)咨詢
下面是步驟。
1)先制作下面的HTML
< span id="check" rel="Detect">< /span>
2)然后書寫下面的CSS
#check { display: none; width: 0; height: 0; } #check[rel^="D"] { display: block; width: 0; height: 0; }
3)下面是JavaScripts的檢測腳本
請確保下面的代碼放在HTML文件頭。
< script type="text/javascript"> var obj = document.getElementById("check"); var file="special.css"; if (window.getComputedStyle) var stat = window.getComputedStyle(obj,null).getPropertyValue("display"); else if (obj.currentStyle) var stat = obj.currentStyle.display; var css3 = (stat == "block"); if (css3) alert("CSS3 Supported."); else alert("CSS3 not supported."); < /script>
到此,關(guān)于“如何檢測瀏覽器是否支持CSS3”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)站名稱:如何檢測瀏覽器是否支持CSS3
網(wǎng)站網(wǎng)址:http://weahome.cn/article/peoipg.html