当前位置: 代码迷 >> HTML/CSS >> [散分]一条可以区分常用主流浏览器的css hack,该怎么解决
  详细解决方案

[散分]一条可以区分常用主流浏览器的css hack,该怎么解决

热度:536   发布时间:2012-02-22 19:36:56.0
[散分]一条可以区分常用主流浏览器的css hack
好久没来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区分。


------解决方案--------------------
支持分享!你很对得起祖国,对得起党!!!谢谢
------解决方案--------------------
看了
有没IE8的?
------解决方案--------------------
~jF
------解决方案--------------------
要常来看看:常与大家分享和交流,常散分才能对的起党对的起群众:)
不费话了:可以肯定的是LZ还是好同志的
------解决方案--------------------
如何根据颜色判断是不同的浏览器呢?
------解决方案--------------------
接分,支持! ^_^
------解决方案--------------------
探讨
支持分享!你很对得起祖国,对得起党!!!谢谢

------解决方案--------------------
太复杂了
------解决方案--------------------
学习,收藏了
------解决方案--------------------
学习
------解决方案--------------------
我机子装了ie8,现在麻烦大了,ie8跟ff3非常接近了(我指CSS方面),很多时候难以区分。
现在至少就得同时考虑4个:ie6, ie7, ie8, ff
就算不出错,把4个一一的测过去,也是累死人,疯了我。
真希望一夜之间大家的ie都被微软强制升级成ie8了。
搞web前端没有翻身之日啊。

------解决方案--------------------
真希望一夜之间大家的ie都被微软强制升级成ie8了。
楼主真让人感动呀。
对得起顶起的人!
------解决方案--------------------
谢谢分享
------解决方案--------------------
接分接分~~
------解决方案--------------------
弱弱的问一下 : 这样做有什么用呢 ??
------解决方案--------------------
不错.先收藏一下. 没准哪天会有需要...
------解决方案--------------------
你回来我就放假了。。。
------解决方案--------------------
不错
------解决方案--------------------
黑色艺术
------解决方案--------------------
JF了
学习了
------解决方案--------------------
最近在研究这个,lz帮大忙了!坚决支持!
------解决方案--------------------
外行人 学习了
------解决方案--------------------