1.区别IE和非IE浏览器
#tip
{
background
:
blue
;
/*非IE
背景藍色
*/
background
:
red \9
;
/*
IE6、IE7、IE8背景紅色
*/
}
2.区别IE6,IE7,IE8,FF
【区别符号】：「\9」、「*」、「_」
【示例】：
#tip
{
background
:
blue
;
/*
Firefox 背景变蓝色
*/
background
:
red \9
;
/*
IE8 背景变红色
*/
*background
:
black
;
/*
IE7 背景变黑色
*/
_background
:
orange
;
/*
IE6 背景变橘色
*/
}
3.区别IE6、IE7、Firefox (方法 1)
【区别符号】：「*」、「_」
【示例】：
#tip
{
background
:
blue
;
/*
Firefox背景变蓝色
*/
*background
:
black
;
/*
IE7 背景变黑色
*/
_background
:
orange
;
/*
IE6 背景变橘色
*/
}
4.区别IE6、IE7、Firefox (方法 2)
【区别符号】：「*」、「!important」
【示例】：
#tip
{
background
:
blue
;
/*
Firefox 背景变蓝色
*/
*background
:
green !important
;
/*
IE7 背景变绿色
*/
*background
:
orange
;
/*
IE6 背景变橘色
*/
}
5.区别IE7、Firefox
【区别符号】：「*」、「!important」
【示例】：
#tip
{
background
:
blue
;
/*
Firefox 背景变蓝色
*/
*background
:
green !important
;
/*
IE7 背景变绿色
*/
}
6.区别IE6、IE7 (方法 1)
【区别符号】：「*」、「_」
【示例】：
#tip
{
*background
:
black
;
/*
IE7 背景变黑色
*/
_background
:
orange
;
/*
IE6 背景变橘色
*/
}
7.区别IE6、IE7 (方法 2)
【区别符号】：「!important」
【示例】：
#tip
{
background
:
black !important
;
/*
IE7 背景变黑色
*/
background
:
orange
;
/*
IE6 背景变橘色
*/
}
8.区别IE6、Firefox
【区别符号】：「_」
【示例】：
#tip
{
background
:
black
;
/*
Firefox 背景变黑色
*/
_background
:
orange
;
/*
IE6 背景变橘色
*/
}
