CSS hack浏览器兼容一览表(转)

转载 2007年09月15日 14:43:00

CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。

  Windows Mac OS X Macintosh Other
IE Mz Ns Op iC IE Mz Ns Om Op Sf IE Mz Ns Op Ko
7 6 5.5 5 4 1 7 6 4 8 7 6 5 2 5 1 7 6 4 8 7 6 5 2 5 4 1 7 6 4 6 5 3
  7 6 5.5 5 4 1 7 6 4 8 7 6 5 2 5 1 7 6 4 8 7 6 5 2 5 4 1 7 6 4 6 5 3
IE Mz Ns Op iC IE Mz Ns Om Op Sf IE Mz Ns Op Ko
Windows Mac OS X Macintosh Other
voice-family:"/"}/"";
voice-family:inherit;
property:value;
Y Y N N N Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y N Y Y Y
p/roperty:value; Y Y N N N Y Y Y N Y Y Y N N Y Y Y Y N Y Y Y N Y Y N Y Y Y N Y N N
/*/*/property:value;/* */ Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y
/*/*//*/property:value;/* */ N N N N N N N N Y N N N Y N N N N N N N N N Y N N N N N N Y N Y N
div#test Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y
head:first-child+body div Y N N N N Y Y Y N Y Y N N N Y Y Y Y N Y Y N N Y Y N Y Y Y N N N Y
body>div Y N N N N Y Y Y N Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y
html[xmlns] div Y N N N N Y Y Y N Y Y Y Y N N Y Y Y N Y Y Y Y Y N N Y Y Y N Y Y Y
@import 'styles.css' Y Y Y Y N Y Y Y N Y Y Y Y Y N Y Y Y Y Y Y Y Y Y N N Y Y Y N Y Y Y
@import "styles.css" Y Y Y Y N Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y N Y Y Y
@import url(styles.css) Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y
@import url('styles.css') Y Y Y Y Y Y Y Y N Y Y Y Y Y N Y Y Y Y Y Y Y Y Y N N Y Y Y N Y Y Y
@import url("styles.css") Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y
@import "null?/"/{";
@import "styles.css";
Y Y Y N N Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y N Y Y Y
@media all{/* rules */} Y Y Y Y N Y Y Y N Y Y Y Y N N Y Y Y N Y Y Y Y Y N N Y Y Y N Y Y Y
<link media="all"> Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y
<link media="All"> Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y Y N Y Y Y
* html div N Y Y Y Y N N N N N N N N N Y N N N N N N N N N Y Y N N N N N N N
*+html div Y N N Y ? N ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
i{content:"/"/*"}
div{property:value}
Y Y N N N Y Y Y N Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y N Y Y N
/* /*/
div{property:value}
/* */
Y Y Y Y Y Y Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y Y N Y Y Y Y Y Y Y Y
html*#test Y Y Y N N Y Y Y N N N N N N Y Y Y Y N N N N Y Y Y N Y Y Y N ? Y N
_property:value N Y Y Y Y N N N N N N N N N N N N N N N N N N N Y Y N N N N N N N
*property:value Y Y Y Y ? N ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
@media tty {
i{content:"/";/*" "*/}} @import 'styles.css'; /*";}
}/* */
N N 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 N N N N N N
@media tty {
i{content:"/";/*" "*/}}; @import 'styles.css'; {;}/*";}
}/* */
N N 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 N N N N N N
@media tty {
i{content:"/";/*" "*/}}@m; @import 'styles.css'; /*";}
}/* */
N 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 N N N N N N N
/*/*//*/
@import "styles.css";
/**/
N N N N N N N N N N N N N N Y N N N N N N N N N Y N N N N N N N N
.

注:不是迫不得已,应该尽量不要使用css hack,因为它的向前兼容是未知的。好的办法是学好web标准设计,从根本上进行进行兼容性设计。——杨正祎

 

相关文章推荐

css浏览器兼容(CSS Hack)一览表分享

由于浏览器之间存在兼容性问题,在制作网页的时候,为了使页面能在不同浏览器中显示相对一致或者其他原因,网页制作人员总结了种种 Hack 方法;在解决兼容性问题之前,这些方法还经常会用到。接下来,本文将向...

IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

不同的浏览器对CSS的解释都有一点出入,特别是padding, line-height这些要细微控制的地方,下面的hack基本可以解决这个问题:  • 在属性前加下划线(_),那么此属性只会被I...

IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

今日整理网站的 CSS 的时候发现我的网站在 Firefox下面出现了变形的情况,这个时候我急啊.我就到网上找了很多资料,最后发现下面的内容比较实用:熟悉CSS的朋友一定对CSS hack十分了解了,...

IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

浏览器兼容问题一直是前段开发工程师比较头痛的问题,熟悉了里面的规则也就变得简单了,这里有一份资料可以分享给大家,大家平时开发过程中遵循这个规律的话,会变得轻松多了: 各浏览器CSS hack兼容表: ...

CSS Hack 浏览器兼容文档

  • 2013-08-08 10:32
  • 22KB
  • 下载

IE,火狐,OPERA等浏览器CSS Hack和向后兼容

人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说 到浏览器兼容,CSS HACK自然而然地被我们想起。今...

css hack浏览器兼容性

CSS Hack 浏览器兼容写法 用法

CSS Hack 不得不在一些项目中运用到。jquery博客也遇上了,关于二次开发的一个3D地图,其实也想好好写代码兼容,苦于上头要东西,短期不可能实现,没法子,回归css hack 吧。 为了调试...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)