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