上周以来,网站运营的同事推出了一系列行业专场招聘会,具体链接地址可以查看http://www.hbsc.cn/content/wzh/estate/(河北搜才网石家庄×××建筑行业招聘会)。本文想要说的不是此次系列活动,而是就一个前端开发人员在工作过程中遇到的问题做一下笔记,以免再次跳到同样的坑里。
问题一:本页面的“名企招聘”区域,图片广告使用了ul,每个图片是一个li,将其float:left,边框使用了border:solid 1px #000,间距使用了margin,但页面的整体效果在IE6/7和firefox下有明显的不同,IE下的上下间距较大,测试了多次仍未找到原因,无奈,使用了针对IE的CSS hack解决此问题。(如下图)
问题二:招聘项目经理(招聘置业顾问),这两个区域的表现形式是一样的,均是标题和圆角边框的内容。此处遇到的问题是使用背景图片替换圆角时,一直出现的问题是背景图片重复(或不重复但有间距),经过多次测试,发现是因为在body中设置了font-size为12px,因此在相应的div中,虽然没有文字等标签,但ie流览器还是认为div的高度为14px,但背景图片的高度只有5px,因此才会发生本次的现象。
综上所述,要注意如果定义了body的font-size,但div的背景图片并没有字号大时,要注意将此div的font-size重置为0。(如下图)