方法一:
<!--[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">
<!--
//根据浏览器来选择CSS
if (!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