[散分]一条可以区分常用主流浏览器的css hack_html/css_WEB-ITnose
转载请注明出处, 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试了一下。。嗯,,是这样。。
嘛用啊?>
期待