zoukankan      html  css  js  c++  java
  • CSS IE6、7、8兼容处理解决方案。 狼

    在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的上侧和右侧外边距来实现间隔

  • 相关阅读:
    Junit连接oracle数据库
    java判断字符串是否由数字组成
    Hibernate各种主键生成策略与配置详解
    一对多映射关系
    one-to-one 一对一映射关系(转 wq群)
    工厂模式
    struts2
    创建JUtil
    jdbc
    压缩数据
  • 原文地址:https://www.cnblogs.com/gowhy/p/1988070.html
Copyright © 2011-2022 走看看