常用 CSS hacks 整理


  1. 浏览器 hack 特性
  2. 不同浏览器区分方法
  3. 其他 hack 用法

一、浏览器 hack 特性

Firefox, Chrome, Safari, Opera, IE8, IE7可识别:

1
2
3
4
[xmlns] #item {
    color: red;
}
/*html标签属性hack*/
1
2
3
4
html>body #item {
    color: red;
}
/*子选择符hack*/
1
2
3
4
#content>#item {
    color: red;
}
/*子选择符hack,这里#content必须为#item的直接父级*/

Firefox, Chrome, Safari, Opera, IE8可识别:

1
2
3
html>/**/body #item {
    color: red;
}

Chrome, Safari, Opera可识别:

1
2
3
4
5
@media all and (min-width:0px) {
    #item {
        color: red;
    }
}

所有IE可识别:

1
2
3
#item {
    color: red\9;
}

Read more about "常用 CSS hacks 整理" …

Page 13 of 47 :|<56789101112[13]1415161718192021>|