好久没来CSDN来,对不起祖国,对不起党。。。唯有散分!顺便分享点东西
转载请注明出处,
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区分。