*+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; }
浙公网安备 33010602011771号