今天休息的时候,给网站头部增加了个滚动的公告提示,使用万戈的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 */ }
发布于 2011-04-03 18:29:02 回复该评论
发布于 2011-04-03 19:08:20 回复该评论
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。