首頁 > web前端 > html教學 > ul li嵌套后IE7 IE6均出错_html/css_WEB-ITnose

ul li嵌套后IE7 IE6均出错_html/css_WEB-ITnose

WBOY
發布: 2016-06-21 09:41:31
原創
1002 人瀏覽過

ie 兼容 css LI

HTML代码如下:
            <ul class="service_list2">                <li><a href="#">智能交通</a></li>                <li><a href="#">公路监理</a></li>                <li><a href="#">道路检测</a></li>                <li><a href="#">桥梁隧道检测</a></li>                       <ul class="service_list3">                          <li><a href="#">智能交通</a></li>                          <li><a href="#">公路监理</a></li>                          <li><a href="#">道路检测</a></li>                       </ul>                <li><a href="#">环境检测</a></li>                <li><a href="#">工程计咨询</a></li>                </ul>
登入後複製

css代码如下:
ul.service_list2 li {	text-align: left;	line-height: 25px;	height: 30px;	background-image: url(../images/submenu_bg.gif);	padding-left: 65px;	background-repeat: no-repeat;	background-position: center center;	padding-top: 5px;	font-weight: bold;	font-size: 14px;	zoom:1;} ul.service_list3 li {	line-height: 25px;	height: 30px;	padding-left: 60px;	background-image: url(../images/submenu3_bg.gif);	font-size: 12px;	font-weight: normal;	background-repeat: no-repeat;	background-position: 45px;	zoom:1;}
登入後複製

IE8下效果如下,IE8下的效果就是设计本意


IE7下面就被遮挡住了


IE6下面更夸张



百思不得其解,还请大家帮忙解决。多谢了。

回复讨论(解决方案)

把红色那段提到li里面试下


                    
  • 智能交通

  •                 
  • 公路监理

  •                 
  • 道路检测

  •                 
  • 桥梁隧道检测

                                
    • 智能交通

    •                           
    • 公路监理

    •                           
    • 道路检测

    •                        


  •                        
                    
  • 环境检测

  •                 
  • 工程计咨询

  •                 

用一个li包起来,确保html格式正确 
           


                    
  • 智能交通

  •                 
  • 公路监理

  •                 
  • 道路检测

  •                 
  • 桥梁隧道检测

  •                 

  •                        

                                
    • 智能交通

    •                           
    • 公路监理

    •                           
    • 道路检测

    •                        

                    

  •                 
  • 环境检测

  •                 
  • 工程计咨询

  •                 

多谢,使用bbjbepzz的方法,再稍微调整了下CSS样式,成功解决问题,太感谢了。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板