CSS Hack写法一则:区分IE6、IE7、IE8、FF

2011年04月02日   网站建设   2条评论   1589人围观过  

  今天休息的时候,给网站头部增加了个滚动的公告提示,使用万戈的jQuery方式滚动,现在很流行哦。稍后我也转载一下方法,这里先说说这个万恶的CSS Hack。本来我的导航栏标题在IE和FF下就显示不正常,表现为高度不一致。为了省事,我就偷懒,两者取个折中的高度,在FF下看着比正常低了点,在IE下比正常又高了点,实在头疼,也懒得弄,就一直这样放着。今天仔细研究了一下,还真是头大。

  网上搜索了一堆方法,有区分IE6的,有区分IE7、IE8的,有区分FF的,可是都没找到合适的方法,反正在我这里一直显示不正常。一开始使用别人模板里学来的“*”标识,结果仔细对比了IE6、IE7、IE8、FF的效果,发现FF、IE6、IE7正常,IE8不正常,实在是汗……

  然后又试用了“!important”来区分IE6和IE7、IE8、FF,结果还是失败。继续使用“_”来区分,还是一样的效果。崩溃……

  无意中发现了一种新方法,以前没见过的,就是用“ \9”来区分FF和IE系列,就是一个空格(有的地方写法不需要这个空格)一个反斜杆和一个数字9。于是乎我写了两条CSS代码,完成了CSS Hack。

padding:2px 0 0 15px;
padding:6px 0 0 15px \9;


  第1行让非IE的FF浏览器读,第2行让IE系列读。经过查询,“ \9”的用法确实是这样,但是或许我的理解有误,因为一直以来,都是IE6比较特殊,而IE7以上就比较正规了,这里IE7、IE8、FF应该归为一类。再次刷新页面,FF和IE系列都正常显示了,还是那句话,正常显示了,我也懒得继续深究了,呵呵。

  补充几个例子,针对某种浏览器来Hack的写法:

.selector{
property:value; /* 所有浏览器 */
property:value\9; /* 所有IE浏览器 */
+property:value; /* IE7 */
_property:value; /* IE6 */
}


关键字: CSS Hack,FireFox,IE
  • 评论列表:
  •  野草博客
     发布于 2011-04-03 18:29:02  回复该评论
  • 还在推荐DropBox呢?不是被墙了吗?
    •  ShunYea
       发布于 2011-04-03 19:08:20  回复该评论
    • 悄悄地告诉你,由于上了新IP,部分页面能打开。邀请注册链接可以进去,但是下载客户端又失效了,我的那篇文章也提供分流下载。最终同步时候是可以用的,不用代理。强烈推荐兄弟使用。正儿八经的,我后来推荐的SugarSync又被某些原因限制了,郁闷。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。