主流浏览器的一些CSS hack

时间:2009年05月17日作者:愚人码头查看次数:7,066 views评论次数:8

前段时间刚刚专门研究了的针对IE8的CSS hack(原文地址: http://www.css88.com/archives/1210 ),不过很多朋友还是问我一些其他浏览器的css hack,其实我还真的没有去研究过,今天有个朋友又问我了,我也称这个机会学习了一下。
主要hack如下:(转载请注明出处:WEB前端开发 http://www.css88.com/)


.test{
 color:#000000;                  /* FF,OP支持 */
 color:#0000FF\9;       /* 所有浏览器IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
 [color:#000000;color:#00FF00;      /* SF,CH支持 */
 *color:#FFFF00;                 /* IE7支持 */
 _color:#FF0000;                 /* IE6支持 */
}

另外随着google Chrome和Safari浏览器的流行,找google Chrome和Safari CSS hack的人也不少。我也找了一下:
(转载请注明出处:WEB前端开发 http://www.css88.com/)

body:nth-of-type(1) .CH{
   color: #FF0000;/* 这是专门针对Chrome和Safari的CSS hack */
}

 

做了个简单的页面,大家可以使用各个浏览器测试一下:http://www.css88.com/demo/csshack/csshack.html

其中:OP表示Opera,SA表示Safari,Ch表示Chrome;
(转载请注明出处:WEB前端开发 http://www.css88.com/)

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《主流浏览器的一些CSS hack

如果你读了我的文章,觉得有帮助: 说明
标签:分类:html+css
4条评论
  1. 青蛙扑满留言于:2009年05月20日10:14

    码头童鞋太粗心,预览地址里少个M.全文第二个字就是个别字。呃。。。

    [回复]

  2. 闲水小鱼留言于:2009年05月21日14:52

    还是\9最好使啊
    简单易用

    [回复]

  3. kidi留言于:2009年07月21日13:58

    这个拜读了,收下….

    [回复]

  4. lin04com留言于:2010年11月03日13:07

    注释里面的 “/* SF” 应该是下面备注的 “SA表示Safari,” SA 吧

    [回复]

发表评论

*

*