区别各种IE浏览器的css写法

1. 区别IE和非IE浏览器

```css

/ 针对非IE浏览器设置背景色为蓝色 /

tip {

background: blue;

}

/ 针对IE6、IE7、IE8设置背景色为红色 /

tip {

background: red;

background: red \9; / 只适用于IE6、IE7、IE8 /

}

```

2. 区别IE6、IE7、IE8与Firefox

```css

/ 针对Firefox设置背景色为蓝色 /

tip {

background: blue; / Firefox可识别 /

}

/ 针对IE8设置背景色为红色 /

tip {

background: red \9; / 只适用于IE8 /

}

/ 针对IE7设置背景色为黑色 /

tip {

background: black; / 只适用于IE7 /

}

/ 针对IE6设置背景色为橘色 /

tip {

_background: orange; / 只适用于IE6 /

}

```

3. 区别IE6、IE7与Firefox（方法1）

```css

/ 针对Firefox设置背景色为蓝色 /

tip {

background: blue; / Firefox可识别 /

}

/ 针对IE7尝试设置背景色为绿色，但会被Firefox忽略 /

tip {

background: green !important; / 只适用于IE7 /

}

/ 针对IE6设置背景色为橘色 /

tip {

background: orange; / 只适用于IE6 /

}

``` 这里的hack利用的是``和`!important`的特性来区分不同的浏览器。请注意，过度使用hack可能会导致代码难以维护和理解。现代的浏览器已经更加标准兼容，因此这些hack的使用频率已经降低。在实际开发中，推荐使用更现代的CSS特性并利用浏览器前缀来实现兼容性，而不是依赖这些hack。同时确保使用合适的工具和框架（如autoprefixer等）来自动处理兼容性问题。