Tag: firefox预览模式: 普通 | 列表

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

作者:飘零雾雨日期:2009-04-08

　　近段时间一直处于待业中，加上之前工作比较忙，好几个月都没有更新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区分。