我的div+css笔记一
原创
©著作权归作者所有:来自51CTO博客作者linxlei的原创作品,请联系作者获取转载授权,否则将追究法律责任
上周以来,网站运营的同事推出了一系列行业专场招聘会,具体链接地址可以查看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。(如下图)
上一篇:我的Windows7安装记录
下一篇:我的div+css笔记二
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的CSS - 一串乱码
通过 css 来实现一段不停变化的 bug 乱码效果。
css 动效 乱码效果 ux 动画 -
简单介绍一下我的备份脚本
备份对每个企业的IT工程师都是逃不脱的工作。与其逃避不如主动出击,一次搞定异地备份。
备份文件 源文件 备份脚本 -
Div+CSS布局
Div+CSS布局
职场 CSS 休闲 Div