Maison > interface Web > tutoriel HTML > ul li嵌套后IE7 IE6均出错_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-21 09:41:31
original
1001 Les gens l'ont consulté

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>
Copier après la connexion

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;}
Copier après la connexion

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


IE7下面就被遮挡住了


IE6下面更夸张



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

回复讨论(解决方案)

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


                    
  • 智能交通

  •                 
  • 公路监理

  •                 
  • 道路检测

  •                 
  • 桥梁隧道检测

                                
    • 智能交通

    •                           
    • 公路监理

    •                           
    • 道路检测

    •                        


  •                        
                    
  • 环境检测

  •                 
  • 工程计咨询

  •                 

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


                    
  • 智能交通

  •                 
  • 公路监理

  •                 
  • 道路检测

  •                 
  • 桥梁隧道检测

  •                 

  •                        

                                
    • 智能交通

    •                           
    • 公路监理

    •                           
    • 道路检测

    •                        

                    

  •                 
  • 环境检测

  •                 
  • 工程计咨询

  •                 

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal