济南做网站

*+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;
        }

 

posted on 2012-07-10 11:36  jkyweb  阅读(328)  评论(0编辑  收藏  举报