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 ...
随机推荐
- Java experts blog
https://blogs.oracle.com/poonam/ https://blogs.oracle.com/poonam/entry/updates_to_the_java_troublesh ...
- Linux,Windows中的相对路径、绝对路径
1.Windows绝对路径:以盘符开始 如C:/a.txt相对路径:. 指的是当前目录.. 指的是挡圈目录的上一级目录./test表示当前目录下的test文件夹/test表示当前盘符下的test文件夹 ...
- Activiti进行时——企业工作流生命周期贯通 (zhuan)
http://www.jianshu.com/p/e6971e8a8dad ********************************************** 图1:一个典型的审批工作流程 ...
- Windows2012R2版本区别
From:https://zh.wikipedia.org/wiki/Windows_Server_2012 Windows Server 2012有4种版本:Foundation, Essentia ...
- 影梭Android版使用教程
影梭Android版使用教程 2015年5月13日 admin 影梭使用教程 下载影梭Android版客户端 安卓客户端下载:下载地址 安装并打开影梭 按下图说明设置服务器.远程端口.密码和加密 ...
- 解决PHP下载文件时因时文件太大而报404错误
set_time_limit(0); ini_set('memory_limit', '512M'); header('Content-Type: application/octet-stream') ...
- svn 使用笔记(一)
检出: svn checkout http://***.***.***.*** path --username *** --password *** 更新: svn update path --f ...
- Gtest创建第一个测试
gtest测试框架是在不同平台上(Linux,Mac OS X,Windows,Cygwin,Windows CE和Symbian)为编写C++测试而生成的.它是基于xUnit架构的测试框架,支持自动 ...
- jQuery (一)选择器
上一章开始了jQuery的安装,这一张需要开始学习选择器了,不然不进行选择,就无法使用jQuery提供的库的功能不是. 常用的,就列举这么多吧 <!DOCTYPE html> <ht ...
- Java web 项目读取src或者tomcat下class文件夹下的xml文件或者properties文件
//生成一个文件对象: File file = new File(getClass().getClassLoader().getResource("test.xml").getPa ...