用css/js来判断浏览器类型加在不同css

转自博客：http://blog.youkuaiyun.com/inkfish/archive/2009/04/17/4087769.aspx

方法一：

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

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

使用技术：条件注释

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

比较符：

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

方法二：

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

使用地点：CSS中

方法三：

1. <link type="text/css" rel="stylesheet" href="css/screen.css" />
2. <link type="text/css" rel="stylesheet" href="css/screen.css" />
3. <script language="JavaScript" type="text/JavaScript">
4. <!--
5. //根据浏览器来选择CSS
6. if (!window.XMLHttpRequest) {
7. setActiveStyleSheet("IE6.css"); //IE6
8. }else if(window.ActiveXObject){
9. setActiveStyleSheet("IE7.css"); //IE7
10. } else {
11. setActiveStyleSheet("FireFox.css"); //Mozilla FireFox、Safari, etc.
12. }
13. function setActiveStyleSheet(filename){
14. var path = document.getElementsByTagName("link")[1].href;
15. document.getElementsByTagName("link")[1].href="css/"+filename;
16. }
17. // -->
18. <script>

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