现在的位置: 首页 > 综合 > 正文

CSS IE6、7、8兼容处理解决方案。

2013年04月26日 ⁄ 综合 ⁄ 共 427字 ⁄ 字号 评论关闭

在IE6、IE7和FF中浏览页面效果。发现在IE7中,ul底部的间隔消失了,也就是li的下外边距定义没有起到作用。

这时候我们就要利用CSS HACK来修复它,利用*+html

  *+html ul{padding-bottom:10px;}

经过设置后,发现在IE6、IE7和FF中浏览均没有再出现问题。
然后我们的列表项li是不固定的,我们去掉一个列表项li再浏览页面。发现在IE6下,ul底部的间隔又一次消失了,也就是li的下外边距定义没有起到作用。

我们不得不进行修复,针对IE6进行CSS HACK编码。应用“*html”作为选择器,针对IE6,设置UL的下内边距。代码如下。
*html ul{padding-bottom:10px;}

这也太不可思议了。怎么会频繁的出现如此多的问题。我们不得不考虑新的出路了。其实我们只要换一个角度去思考,这两个bug均可以成功的避免。

 最好的解决办法就是:我们设置ul的左侧和下则外边距,设置li的上侧和右侧外边距来实现间隔

抱歉!评论已关闭.