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

?

轉載于:https://www.cnblogs.com/jkyweb/archive/2012/07/10/2584333.html

總結

以上是生活随笔為你收集整理的如何解决padding标记在ie7、ie6以及firefox中的兼容问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。