ulli嵌套后IE7IE6均出错_html/css_懂视

ulli嵌套后IE7IE6均出错_html/css

2020-11-27 16:32:07 责编:小采

ie 兼容 css LI

HTML代码如下：

 智能交通
 公路监理
 道路检测
 桥梁隧道检测
 智能交通
 公路监理
 道路检测
 环境检测
 工程计咨询

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样式，成功解决问题，太感谢了。

下载本文

显示全文

全部频道

回复讨论(解决方案)