您好,欢迎访问一九零五行业门户网

DIV+CSS相对IE6 IE7和IE8兼容问题整理_html/css_WEB-ITnose

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 背景变橘色 */
}
【说明】:因为ie系列浏览器可读「\9」,而ie6和ie7可读「*」(米字号),另外ie6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得css语法,所以就可以有效区分ie各版本和非ie浏览器(像是firefox、opera、google chrome、safari等)。
3.区别ie6、ie7、firefox (方法 1) 【区别符号】:「*」、「_」
【示例】:
#tip  {
background : blue ;   /* firefox背景变蓝色 */
*background : black ;   /* ie7 背景变黑色 */
_background : orange ;   /* ie6 背景变橘色 */
}
【说明】:ie7和ie6可读「*」(米字号),ie6又可以读「_」(底线),但是ie7却无法读取「_」,至于firefox(非ie浏览器)则完全无法辨识「*」和「_」,因此就可以透过这样的差异性来区分ie6、ie7、firefox
4.区别ie6、ie7、firefox (方法 2) 【区别符号】:「*」、「!important」
【示例】:
#tip  {
background : blue ;   /* firefox 背景变蓝色 */
*background : green !important ;   /* ie7 背景变绿色 */
*background : orange ;   /* ie6 背景变橘色 */
}
【说明】:ie7可以辨识「*」和「!important」,但是ie6只可以辨识「*」,却无法辨识「!important」,至于firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔ie6、ie7、firefox。
5.区别ie7、firefox 【区别符号】:「*」、「!important」
【示例】:
#tip  {
background : blue ;   /* firefox 背景变蓝色 */
*background : green !important ;   /* ie7 背景变绿色 */
}
【说明】:因为firefox可以辨识「!important」但却无法辨识「*」,而ie7则可以同时看懂「*」、「!important」,因此可以两个辨识符号来区隔ie7和firefox。
6.区别ie6、ie7 (方法 1) 【区别符号】:「*」、「_」
【示例】:
#tip  {
*background : black ;   /* ie7 背景变黑色 */
_background : orange ;   /* ie6 背景变橘色 */
}
【说明】:ie7和ie6都可以辨识「*」(米字号),但ie6可以辨识「_」(底线),ie7却无法辨识,透过ie7无法读取「_」的特性就能轻?区隔ie6和ie7之间的差异。
7.区别ie6、ie7 (方法 2) 【区别符号】:「!important」
【示例】:
#tip  {
background : black !important ;   /* ie7 背景变黑色 */
background : orange ;   /* ie6 背景变橘色 */
}
【说明】:因为ie7可读取「!important;」但ie6却不行,而css的读取步骤是从上到下,因此ie6读取时因无法辨识「!important」而直接跳到下一行读取css,所以背景色会呈现橘色。
8.区别ie6、firefox 【区别符号】:「_」
【示例】:
#tip  {
background : black ;   /* firefox 背景变黑色 */
_background : orange ;   /* ie6 背景变橘色 */
}
【说明】:因为ie6可以辨识「_」(底线),但是firefox却不行,因此可以透过这样的差异来区隔firefox和ie6,有效达成css hack。
其它类似信息

推荐信息