css hack整理 (摘)
CSS Hack Table
| Y | 渲染 | N | 不渲染 | H | 部分版本或部分属性渲染 | B | 样式失效 |
| windows | Mobile | Linux | Mac | ||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| IE | Firefox | Chrome | Safari | Opera | Android | iOS | Firefox | Chrome | Opera | Safari | Firefox | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 2 | 3 | 7 | 9 | 5 | 15 | 4 | 5 | 8 | 9 | 10 | 11 | 2.3 | 5.0 | 9 | 17 | 11 | 5 | 9 | 17 | 11 | |
| * html #selector | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| *+html #selector | N | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| *:first-child+html #selector | N | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| html>body #selector | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| html>/**/body #selector | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| #selector:not(x) | N | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| body:last-child #selector | N | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| body:nth-of-type(1) #selector | N | N | N | Y | N | H | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| body:first-of-type #selector | N | N | N | Y | N | H | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| html[lang] #selector | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| :root *> #selector | N | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| #selector, x:-moz-any-link | N | Y | N | N | Y | Y | Y | Y | N | N | N | N | N | N | N | N | N | N | Y | N | N | N | Y | N | N |
| #selector, x:-webkit-any-link | N | Y | N | N | N | N | N | N | Y | Y | Y | Y | N | N | N | N | Y | Y | N | Y | N | Y | N | Y | N |
| #selector, x:-moz-any-link, x:default | N | Y | N | N | N | Y | Y | Y | N | N | N | N | N | N | N | N | N | N | Y | N | N | N | Y | N | N |
| #selector, x:-webkit-any-link, x:default | N | Y | N | N | N | N | N | N | Y | Y | Y | Y | N | N | N | N | Y | Y | N | Y | N | Y | N | Y | N |
| body:not(:-moz-handler-blocked) #selector | N | N | N | N | N | H | Y | Y | N | N | N | N | N | N | N | N | N | N | Y | N | N | N | Y | N | N |
| html:first-child #selector | N | N | N | N | N | N | N | N | N | N | N | N | Y | H | N | N | N | N | N | N | N | N | N | N | N |
| #selector,x:ie | Y | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| property:value\9; | Y | Y | Y | Y | N | N | N | N | N | N | N | N | B | B | N | N | N | N | N | N | N | N | N | N | N |
| property:value!ie; | Y | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| *property:value; | Y | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| _property:value; | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| property /**/:value; | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y |
| property /*\**/:value\9; | N | Y | Y | Y | N | N | N | N | N | N | N | N | B | B | N | N | N | N | N | N | N | N | N | N | N |
| property: /*\**/value\9; | N | N | Y | Y | N | N | N | N | N | N | N | N | B | B | N | N | N | N | N | N | N | N | N | N | N |
| property:value\0/; | N | N | Y | H | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| property:value\0; | N | N | Y | Y | Y | N | N | N | N | N | N | N | B | B | Y | Y | N | N | N | N | Y | N | N | N | Y |
| @media screen and (-webkit-min-device-pixel-ratio:0){...} |
N | N | N | N | N | N | N | N | Y | Y | Y | Y | N | Y | N | N | Y | Y | N | Y | N | Y | N | Y | N |
| @-moz-document url-prefix(){...} | N | N | N | N | Y | Y | Y | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| @media screen\9{...} | Y | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| @media \0screen\,screen\9{...} | Y | Y | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| @media \0screen{...} | N | N | Y | N | Y | H | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
| @media screen\0{...} | N | N | Y | Y | Y | H | N | N | N | N | N | N | N | Y | Y | Y | N | N | N | N | Y | N | N | N | Y |
| 6 | 7 | 8 | 9 | 2 | 3 | 7 | 9 | 5 | 15 | 4 | 5 | 8 | 9 | 10 | 11 | 2.3 | 5.0 | 9 | 17 | 11 | 5 | 9 | 17 | 11 | |
| IE | Firefox | Chrome | Safari | Opera | Android | iOS | Firefox | Chrome | Opera | Safari | Chrome | Firefox | Opera | ||||||||||||
| windows | Mobile | Linux | Mac | ||||||||||||||||||||||
摘自:http://swordair.com/tools/css-hack-table/ by 葵中剑 详情查看原文链接
css hack整理 (摘)的更多相关文章
- css hack整理:区别FF,IE8,IE7,IE6,SF,CH浏览器
css hack整理:区别FF,IE8,IE7,IE6,SF,CH浏览器 2013年03月24日 ⁄ CSS ⁄ 共 716字 ⁄ 暂无评论 前端开发最要命的事就是处理浏览器的兼容性问 ...
- IE css hack整理
CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozillafirefox等,对CSS的解析认识不一样,因此会导致生成的页面效果 ...
- CSS hack整理
浏览器的兼容性一直是个头疼的问题,使用“欺骗”技术可使各个浏览器效果一致,花了些时间整理了各个浏览器的HACK,主要包括IE系列和最新版本的Chrome.Safari.Firefox. Opera,比 ...
- css hack 整理
<ul> <li>"_" ------ IE6</li> <li>"-" ------ IE6</li&g ...
- CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera
CSS Hack大全-教你如何区分出IE6-IE10.FireFox.Chrome.Opera 转载自:http://www.jb51.net/article/50116.htm 现在的浏览器IE6- ...
- CSS Hack大全-可区分出IE6-IE10、FireFox、Chrome、Opera
今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐.Chrome.Opera浏览器的Hack,并把这些CSS Hack综合的一起,写了一个小的浏览器测试器.如图所示: 下面就 ...
- CSS hack常用方案(摘选)
邮箱因为默认了line-height?:170%,导致采用table元素时继承问题,可以采用line-height:50% 很好解决. 常 在使用float时,后面的显示不正常,因为继承了float了 ...
- ie10 css hack 条件注释等兼容方式整理
点评:ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于IE的css hack来 ...
- 前端CSS规范整理_转载、、、
一.文件规范 1.文件均归档至约定的目录中. 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类.通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用U ...
随机推荐
- iOS开发之地域选择
代码地址: https://github.com/boundlessocean/AreaPickViewDome.git 效果: 第一步: 将BLAreaPickerView 导入工程 第 ...
- tomcat logs 目录下各日志文件的含义
tomcat每次启动时,自动在logs目录下生产以下日志文件,按照日期自动备份 localhost.2016-07-05.txt //经常用到的文件之一 ,程序异常没有被捕获的时候抛出的地方 ca ...
- web.xml 基本配置
session timeout 配置 <session-config> <session-timeout>5</session-timeout> </sess ...
- Android开发日记(二)
HashMap<String, Object> map;定义一个HashMap用来传递字符 TextView textView_JobTitle=(TextView)findViewByI ...
- 纯css3实现的3D按钮
前面已经为大家介绍了好多纯css3实现的按钮.今天要再给大家带来一款纯css3实现的3D按钮.在实例中给出了五种颜色的3D按钮.效果图如下: 在线预览 源码下载 实现的代码. html代码: &l ...
- c++犯过的错
1.可访问性(是否可用).可见性(作用域内是否存在) 2.volatile(嵌入式用的多) const 3.友元函数可以访问类的私有函数 目的 工厂方法 全局运算符 如 >> <&l ...
- CentOS 7 系统下安装gnome图形界面
在安装Gnome 包之前,我们需要先检查下安装源是否正常,因为我们要通过yum命令来安装gnome包, 而yum命令式通过yum 源来下载安装包的. 1.在命令行下输入下面的命令来安装 Gnome 包 ...
- 3DS更新R4烧录卡内核
机子是N3DSLL,用的R4烧录卡是银卡HK版. 关于R4烧录卡的基础知识科普贴: https://tieba.baidu.com/p/4855297365 为了防止该网页挂掉还是存图吧. 找最新内核 ...
- C语言 · 学生信息(P1102)
算法训练 P1102 时间限制:1.0s 内存限制:256.0MB 定义一个学生结构体类型student,包括4个字段,姓名.性别.年龄和成绩.然后在主函数中定义一个结构体数组(长度 ...
- [Kernel]内核版本添加字符和内核版本'+'解决
转自:http://blog.csdn.net/adaptiver/article/details/7225980 之前每次由于git仓库编译出来每次都带有'+', 导致都需要使用git archiv ...