用CSS/Javascript来判断浏览器类型

方法一：

<!--[if lte IE 6]><LINK rel="stylesheet" type="text/css" href="images/style_IE5.css" /><![endif]–> <!--[if IE 6]> <LINK rel="stylesheet" type="text/css" href="images/style_IE6.css" /><![endif]--> <!--[if IE 7]> <LINK rel="stylesheet" type="text/css" href="images/style_IE7.css" /><![endif]-->

适用浏览器：IE5以上的IE浏览器

使用技术：条件注释

使用地点：HTML代码中（注不是CSS里）

比较符：

lte：就是Less than or equal to的简写，也就是小于或等于的意思。
lt ：就是Less than的简写，也就是小于的意思。
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。
gt ：就是Greater than的简写，也就是大于的意思。
! ：就是不等于的意思，跟javascript里的不等于判断符相同

 

方法二：

#example{color:red ;}/*firefox*/ * html #example{color:blue;}/*ie6*/ *+html #example{color:green;}/*ie7*/

使用地点：CSS中

 

方法三：

<link type="text/css" rel="stylesheet" href="css/screen.css" /><link type="text/css" rel="stylesheet" href="css/screen.css" /><script language="JavaScript" type="text/JavaScript"><!--//根据浏览器来选择CSSif (!window.XMLHttpRequest) {setActiveStyleSheet("IE6.css");//IE6}else if(window.ActiveXObject){setActiveStyleSheet("IE7.css");//IE7} else {setActiveStyleSheet("FireFox.css");//Mozilla FireFox、Safari, etc.}function setActiveStyleSheet(filename){var path = document.getElementsByTagName("link")[1].href;document.getElementsByTagName("link")[1].href="css/"+filename; }// --><script>

这是利用不同版本浏览器创建XMLHttpRequest方式不同来选择不同的CSS