Home > Web Front-end > HTML Tutorial > ul li嵌套后IE7 IE6均出错_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-21 09:41:31
Original
1002 people have browsed it

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>
Copy after login

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;}
Copy after login

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


IE7下面就被遮挡住了


IE6下面更夸张



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

回复讨论(解决方案)

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


                    
  • 智能交通

  •                 
  • 公路监理

  •                 
  • 道路检测

  •                 
  • 桥梁隧道检测

                                
    • 智能交通

    •                           
    • 公路监理

    •                           
    • 道路检测

    •                        


  •                        
                    
  • 环境检测

  •                 
  • 工程计咨询

  •                 

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


                    
  • 智能交通

  •                 
  • 公路监理

  •                 
  • 道路检测

  •                 
  • 桥梁隧道检测

  •                 

  •                        

                                
    • 智能交通

    •                           
    • 公路监理

    •                           
    • 道路检测

    •                        

                    

  •                 
  • 环境检测

  •                 
  • 工程计咨询

  •                 

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template