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 Hack兼容性写法

这篇文章主要介绍了各种浏览器下的CSS Hack兼容性写法,CSS Hack大致可以分为内部Hack和选择器Hack以及HTML头部引用Hack,需要的朋友可以参考下。 由于不同浏览器所遵循的标...
  • Denghejing
  • Denghejing
  • 2016年10月13日 11:09
  • 1518

史上最全的CSS hack方式一览(解决IE6-IE11,Firefox/Safari/Opera/Chrome兼容问题)

做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道...
  • dayu9216
  • dayu9216
  • 2017年04月18日 10:15
  • 2198

CSS Hack (各个浏览器兼容的问题)

写css样式的时候,恐怕最头疼的就是各个浏览器下的兼容性问题,即css hack,明明感觉应该是对的,但是就是出不来效果,我根据平时所接触的,总结一下关于兼容 性的技巧,希望可以对大家有所帮助…… C...
  • albert528108
  • albert528108
  • 2013年09月23日 11:54
  • 8814

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

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

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

  • 2013年09月14日 07:52
  • 22KB
  • 下载

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

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

CSS Hack 浏览器兼容写法 用法

  • 2012年11月17日 09:51
  • 14KB
  • 下载

CSS Hack 浏览器兼容文档

  • 2013年08月08日 10:32
  • 22KB
  • 下载

css hack浏览器兼容性

  • 2013年06月21日 16:26
  • 2KB
  • 下载

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

人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说 到浏览器兼容,CSS HACK自然而然地被我们想起。今...
  • ldl22847
  • ldl22847
  • 2012年02月10日 10:23
  • 1516
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS hack浏览器兼容一览表(转)
举报原因:
原因补充:

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