主流浏览器的一些CSS hack

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

[code=”css”]

.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支持 */
}

[/code]

另外随着google Chrome和Safari浏览器的流行,找google Chrome和Safari CSS hack的人也不少。我也找了一下:
(转载请注明出处:WEB前端开发 https://www.html.cn/)
[code=”css”]body:nth-of-type(1) .CH{
?? color: #FF0000;/* 这是专门针对Chrome和Safari的CSS hack */
}[/code]

?

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

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

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 主流浏览器的一些CSS hack

评论 9

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

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

    青蛙扑满10年前 (2009-05-20)回复
  2. #-48

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

    闲水小鱼10年前 (2009-05-21)回复
  3. #-47

    这个拜读了,收下….

    kidi10年前 (2009-07-21)回复
  4. #-46

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

    lin04com8年前 (2010-11-03)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏