Heim > Web-Frontend > HTML-Tutorial > ul li嵌套后IE7 IE6均出错_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:41:31
Original
1002 Leute haben es durchsucht

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>
Nach dem Login kopieren

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;}
Nach dem Login kopieren

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


IE7下面就被遮挡住了


IE6下面更夸张



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

回复讨论(解决方案)

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


                    
  • 智能交通

  •                 
  • 公路监理

  •                 
  • 道路检测

  •                 
  • 桥梁隧道检测

                                
    • 智能交通

    •                           
    • 公路监理

    •                           
    • 道路检测

    •                        


  •                        
                    
  • 环境检测

  •                 
  • 工程计咨询

  •                 

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


                    
  • 智能交通

  •                 
  • 公路监理

  •                 
  • 道路检测

  •                 
  • 桥梁隧道检测

  •                 

  •                        

                                
    • 智能交通

    •                           
    • 公路监理

    •                           
    • 道路检测

    •                        

                    

  •                 
  • 环境检测

  •                 
  • 工程计咨询

  •                 

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage