ＣＳＳ里应该是怎么判断浏览器内核

html-css011

ＣＳＳ里应该是怎么判断浏览器内核,第1张

实现根据浏览器类型自动调用不同CSS。<SCRIPT LANGUAGE="JavaScript">

<!--

if (window.navigator.userAgent.indexOf("MSIE")>=1)

{

//如果浏览器为IE

setActiveStyleSheet("IE.css")

}else{

if (window.navigator.userAgent.indexOf("Firefox")>=1)

{

//如果浏览器为Firefox

setActiveStyleSheet("Firefox .css")

}else{

//如果浏览器为其他

setActiveStyleSheet("qita .css")

}

}function setActiveStyleSheet(title){

document.getElementsByTagName("link")[0].href="style/"+title

}

//-->

</SCRIPT>

1.谷歌    -webkit-

2.火狐    -moz-

3.IE    -ms-

4.opera    -o-

5.safari    -webkit-

根据不同的浏览器内核，css前缀会有不同。最基本的浏览器内核有如下四种，其他的内核都是基于这四种进行再研发的。

一、chrome谷歌和safari都是Webkit内核  -webkit- 也叫谷歌内核，谷歌浏览器最先开发使用的，国内很多浏览器也使用的webkit 内核，如:360极速、猎豹、世界之窗等

二、火狐  Gecko内核  -moz-

三、IE Trident内核 -ms-也称为IE内核

四、opera Presto内核 -o-目前只有opera采用