Heim  >  Artikel  >  Web-Frontend  >  [散分]一条可以区分常用主流浏览器的css hack_html/css_WEB-ITnose

[散分]一条可以区分常用主流浏览器的css hack_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:13:24897Durchsuche

好久没来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的?

其实可以写写为什么会这样,让大家学习学习
提供一个文章,大家阅读下 http://www.scriptlover.com/post/545

~jF

要常来看看:常与大家分享和交流,常散分才能对的起党对的起群众:)
不费话了:可以肯定的是LZ还是好同志的

如何根据颜色判断是不同的浏览器呢?

接分,支持! ^_^

看了 
有没IE8的?

没有IE8,因为我机器上还没有IE8

支持分享!你很对得起祖国,对得起党!!!谢谢

支持

太复杂了

学习,收藏了

学习

有分都不抢,难道CSDN的抢分传统没落了?

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

谢谢分享

接分接分~~

学习了,并接点分了

弱弱的问一下  : 这样做有什么用呢 ??

弱弱的问一下  : 这样做有什么用呢 ??


等你做的东西需要考虑多浏览器的时候,你大概就知道这样做有什么用 ^_^

不错.先收藏一下. 没准哪天会有需要...

你回来我就放假了。。。

不错

你回来我就放假了。。。


别啊,放假可是不带薪的哦 ^_^ 你赶紧接着干吧

黑色艺术

JF了
学习了

最近在研究这个,lz帮大忙了!坚决支持!

外行人  学习了

up 

支持

看起来不错

感谢分享 学习

我谨遵CSDN接分传统。。来接分了。

要常来看看:常与大家分享和交流,常散分才能对的起党对的起群众:) 
不费话了:可以肯定的是LZ还是好同志的

支持这位。。

接分 谢谢

来支持楼主了。顺便学习加接分

好啦

接咯··吃饭··

GOOD

感谢楼主,顺便接分。

开到回帖可以的10分!
是不是真的哦

支持分享!你很对得起祖国,对得起党!!!谢谢

通过。。

先收藏再看

接分

不错,值得学习

学习了

用傲游和Opera试了一下。。嗯,,是这样。。

嘛用啊?>
期待

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn