Posts Tagged ‘IE’

测测你的浏览器对付弹出窗口的能力

Monday, July 24th, 2006

Popup Test是一个专门测试浏览器屏蔽弹出窗口能力的网站,使用了目前最流行的制造弹出窗口技术进行测试,共分三大类16项,你如果正在开发一种屏蔽软件或是想看看自己浏览器这方面的表现,可以试一试。友情提示:如果你使用IE6.0 SP2以前的版本,那么请不要轻易尝试,否则可能会被那层出不穷的小窗口烦死!

PS:我自己使用Flock+Adblock,表现相当好,所有的弹出窗口都被消灭了:grin:,其它的浏览器没有测试,但从网上其它网友的反馈来看,目前的主流浏览器表现都不错,比如Firefox,Opera,Safari,Maxthon等,IE SP2也基本合格。在Windows下,我推荐Firefox+Adblock+NoScript组合,如果你实在不习惯Firefox,那么请使用Maxthon,出于安全考虑,IE还是尽量少用吧:wink:

用!important解决CSS兼容性问题

Friday, July 14th, 2006

CSS Error我的另外一个Blog最近更换了主题,新的主题BroadLeaf代码相对简单,可定制性很强,布局也和我心意,试用期间遇到了不少Bug,还好在模版作者Brendan以及天佑的帮助下一一得到了解决。昨天又发现一个以前没有注意到的问题,这个问题和PHP或MySQL无关,而是一个CSS的浏览器兼容问题,也就是由于IE和Firefox对CSS样式表的解释差异导致了不同的浏览效果,以我的Blog为例,在Firefox(我基本上只用Firefox)下一切正常,但在IE下,却发现sidebar的右侧边缘文字被切去了一部分,如右图。仔细查看了主题模版的Style.css文件,发现问题可能出在对sidebar的布局定义中有这么一条“margin-right: -2em”,即文字内容与右侧边框的距离是-2em,于是IE就截去了部分文字:lol:,Firefox却可以正确解析这种Box重叠效果。尽管我自己已经基本抛弃IE了,但不得不为那些仍然为数众多的IE用户考虑,马上到网上搜索解决办法,于是找到了!important

!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,语法格式{ sRule!important },即写在定义的最后面,比如{font-color: red !important;},由于IE并不支持该语法,所以我们可以利用这一点解决部分CSS的浏览器兼容问题,对于我的Blog来说,需要将布局定义相关部分改为:{margin-right: -2em !important;margin-right: 0em;},这样Firefox仍然使用前一部分的margin定义,而IE则使用后一部分margin定义,立即试用,果然在IE下浏览正常了:smile: