li 不设高度可能导致ie6 ie7 新问题bug

Filed under: Css | 6 Comments »
Posted on

li没设高度导致的问题
ie6 ie7 效果图 错误
li没设高度导致的问题
firefox ie8效果图 正确

如上面的图一样,对比一下你会发现右边标题的地方 往下移了 10个像素左右,但是我并没有设置它的margin-top啊,这10个像素左右的位移从哪里来的? 我发现只要是块元素才会这样,如果是a标签,或者内联元素,就不会了。那我把h3直接改成 inline 元素,应该就可以了啊,但还是没有解决这个问题。。。。h3自带的边距已经清零了。。最后,竟然是因为

Read the rest of this entry »

ie6 ie7的background缩写也会出现问题

Filed under: Css | 2 Comments »
Posted on

ie6 ie7的background缩写问题。

就我碰到的一些公司,有些人会认为说,css代码能缩写的都用缩写。像background缩写至少可以省4行代码。一个项目里面用到background一般就是4的N倍代码了。这样再节省服务器请求占用资源上面确实有点帮助,但是对于普通公司的站点,访问量一般,其实效果基本上是看不到的。但是缩写确实是个好习惯。只是没必要给它画个圈,走极端。

回到我遇到的问题上面。我遇到的情况是这样的。一个 table 隔行颜色显示数据,鼠标经过每行时,高亮显示数据,td里面有些含有背景图片。在ie6 ie7会出现什么情况呢? 当鼠标移到每一行的时候,有图片的 td 颜色会间断。

我用到的jquery库,如果你要调试的话,可以把下面代码全部复制过去。
Read the rest of this entry »

Tags : , , ,