IE6图片下面有空隙bug的解决方法总结

我们在写css的时候对于IE6这个浏览器可以说是嗤之以鼻，为什么呢，因为它不是标准的浏览器但是它的用户使用量又占很大的比重，所以我们必须测试IE6.其实写css的人员最大的痛苦就是要兼容许多的浏览器，像IE系列、firefox、google的chrome、有时候也需要兼容opera。好了多余的话也就不多说了我们来看解决以上问题的方法。

1.设置img的display:block 。
2.设置img的vertical-align:top/middle/bottom/text-bottom 。
3.设置字体大小为零即：font-size:0; 。
4.设置img为浮动即：float:left;也可以解决这个问题但是另一个问题就来了-那就是左边3px 的bug问题，所以建议不要使用。

以上就是我收集整理的如果你有更好的方法可以发布出来大家学习交流！

Filed under: css 由 admin
没有评论 »

firefox不能只适用高度的bug

我们在写css的时会碰到在ie浏览器下是完全正常的但是在firefox中高度不能自适应了，这样的问题经常会被碰到，因此我就把解决它的一些方法给总结一下列出了，希望能给需要它的人一下提示和帮助同时我也在一次的复习一遍。好了多余的话就不多说了，下面给出解决的方法：

  • 1.是浮动的父级标签页也浮动，即此例中的div也float:left
  • 2.浮动的父级标签内加上overflow:hidden 本人认为这个比较好一些建议多使用些。当然还是具体情况具体对待。
  • 3.在浮动的标签下新增加上一个div class属性为clear然后.lear{clear:both;}

以上的方法并不是全部的方法，也有可能不是很完美的方法。如果你有更好的或者更完美的方法可以发布出来大家学习交流！

Filed under: css 由 admin
没有评论 »

最新文章