一条可以区分常用主流浏览器的css hack

转载请注明出处，css探索之旅-飘零雾雨的庄园

　　近段时间一直处于待业中，加上之前工作比较忙，好几个月都没有更新Blog了。一件事如果不想着去做，或者不主动去做，时间一长，就会成为一种习惯。

　　该死的css hack，是的，有时候我也会这么骂，但目前看来确实还无法完全将它扔掉。现在有不少需求都要求兼容Safari, Chrome等浏览器，甚至有的项目还要照顾到IE5.5，虽说不大赞成高频次的使用css hack，但有的时候还是需要用上的。我整合了一个可以同时区分IE5.5, IE6, IE7, Firefox/Opera, Safari/Chrome的CSS hack，网络上可能还会有比这更简洁的版本。就当是做个记号算吧。

　　[演示地址：http://www.doyoe.com/model/xhtmlcss/style/csshack.htm]

Code：

.test{
  color:#00C;                           /* For IE5.5 */
  voice-family:"\"}\"";
  voice-family:inherit;
  color:#000;                           /* For FF,OP */
  [color:#000;color:#0F0;       /* For SF,CH */
  *color:#FF0;                         /* For IE7 */
  _color:#F00;                        /* For IE6 */
}

　　通过以上的样式，你可以在IE5.5里看到蓝色的字，IE6里看到红色的字，IE7看到的是黄色的字，Firefox/Opera看到的是黑色的字，Safari/Chrome看到的是绿色的字。这里没继续将Firefox和Opera，Safari和Chrome区分。

[本日志由 飘零雾雨 于 2009-04-29 11:49 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: csscss hackhack ieie firefoxfirefox safarisafari ChromeChrome operaopera