Maison >interface Web >tutoriel HTML >[散分]一条可以区分常用主流浏览器的css hack_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 12:13:24934parcourir

好久没来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试了一下。。嗯,,是这样。。

嘛用啊?>
期待

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn