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 ...
随机推荐
- 【转】服务器添加新用户用ssh-key 登录，并禁用root用户 密码登录
[转]Linux最高权限用户root,默认可以直接登录sshd.为了提高服务器的安全度,需要对它进行禁止,使得攻击者无法通过暴力破解来获取root权限. ps: 以下内容皆非原创,只是个人的一个实践 ...
- electron 的窗口设置最大化 最小化
/** * Created by Administrator on 2016/11/23. * 页面对窗口的一些操作封装,用于渲染进程 */ "use strict"; const ...
- Java日志 (zhuan)
http://www.cnblogs.com/bird-li/p/4696662.html ************************************************* 日志对于 ...
- shadowshocks下载地址
https://github.com/shadowsocks/shadowsocks-windows/releases
- JAVA-JSP动作元素之include
相关资料:<21天学通Java Web开发> 结果总结:1.<jsp:xxx /> 或着<jsp:xxx > </jsp:xxx>2.与存取JavaBe ...
- python学习笔记（17）--eclipse和pydev的安装及汉化
说明: 1. 本来一直用sublime的REPL跑python,不过在用爬虫下载图片输出页数的时候,由于输出太多行会卡住,而IDLE已经受够了,写起代码来实在是不好用.之前其实也写过一篇文章探讨过各种 ...
- iOS文件和目录操作,iOS文件操作,NSFileManager使用文件操作:
NSFileManager常用的文件方法: -(NSData*)contentsAtPath:path 从一个文件中读取数据 -(BOLL)createFileAtPath:path contents ...
- 【WPF】C#代码动态添加控件的Margin属性
需求:一组按钮的数据是从服务器中Json数据发过来的,需要根据这个Json数据动态地添加这组按钮. 工具:使用http://www.newtonsoft.com/json来解析Json. 过程:C#代 ...
- 【WPF/WAF】界面布局（View）文件的多层嵌套（Nest）
碎碎念:使用的是略冷门的Window Application Foundation(WAF)框架,搜到的都是WPF的UserControl用户控件的用法,实在蛋疼. 需求:主界面ShellWindow ...
- 分布式系统技术系列--租约(lease) (转载)
租约(lease)在英文中的含义是“租期”.“承诺”,在分布式中一般描述如下: Lease 是由授权者授予的在一段时间内的承诺. 授权者一旦发出 lease,则无论接受方是否收到,也无论后续接收方处于 ...