zoukankan      html  css  js  c++  java
  • 如何解决padding标记在ie7、ie6以及firefox中的兼容问题

    *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签。所以要解决padding的兼容问题就要靠前面提到的标签。


    以sccas-site为例,左侧导航栏在padding上产生了ie6、ie7以及ff浏览器不兼容,修改代码如下:

    #menu7 li a {
            height:25px;
            /*border-right:1px solid #666666;*/
            text-decoration: none;
           margin:0px 0px 0px -40px !important;(firefox可识别,可使导航栏整体位置与ie中相同)
            margin:0px 0px 0px 0px;
            }
    #menu7 li a:link{     /*在firefox中识别此段link的css*/
            float:none;
            color: #000;
            display: block;
       font-weight:bold;
            background-color:#CCCCCC;
       border-top:1px solid #fff;
       /*border-left:1px solid #333333;
       border-bottom:1px solid #333;
       border-right:1px solid #333;*/
             padding: 8px 0 0 20px;
            }
    *html #menu7 li a:link{      /*在ie6中识别此段link的css*/
            float:none;
            color: #000;
            display: block;
       font-weight:bold;
            background-color:#CCCCCC;
       border-top:1px solid #fff;
       /*border-left:1px solid #333333;
       border-bottom:1px solid #333;
       border-right:1px solid #333;*/
             padding: 8px 0 0 10px;
            }
    *+html #menu7 li a:link{     /*在ie7中识别此段link的css*/
            float:none;
            color: #000;
            display: block;
       font-weight:bold;
            background-color:#CCCCCC;
       border-top:1px solid #fff;
       /*border-left:1px solid #333333;
       border-bottom:1px solid #333;
       border-right:1px solid #333;*/
             padding: 8px 0 0 60px;
            }

     

  • 相关阅读:
    CentOS 7 和centos6切换图形界面和多用户界面
    centos6.8下安装elasticsearch
    一个xib钟多个Cell
    iOS frame从导航栏下面开始
    Xcode 移除(卸载)插件
    iOS9 HTTP传输安全
    pch头文件
    真机调试---打包6plus出现问题
    Xcode 添加类前缀
    iOS 状态栏黑色背景白色字体
  • 原文地址:https://www.cnblogs.com/jkyweb/p/2584333.html
Copyright © 2011-2022 走看看