[求助] IE6下有这个距离，应该怎么调

wllxheb [楼主]

冒冒

初级会员

帖子: 72
体力: 136
威望: 0
当前: 北京海淀区
离线: 1 天

1^# 大中小发表于 2009-2-24 14:26

请教一下我在IE6中出现了这个问题，鼠标滑过的时候色块与背景图没有连接上，调了半天，越调越晕
IE6是这样
希望能像IE7这样

相关代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
<style type="text/css">
div#main_2{
width:100%;
height:auto;
background:#F1F0DA;
}
div#sv_banner{
width:825px;
height:43px;
padding:10px 0 0 0;
margin-left:auto;
margin-right:auto;
}
div#sv_banner ul{
width:823px;
height:43px;
background:url(http://i.namipan.com/files/a8f6aa59fad7e7422d5a769d0e009d049a849f6ea80500008f68/0/banner.jpg) no-repeat;
}
div#sv_banner ul li{
width:70px;
height:43px;
float:left;
display:inline;
margin:0 0 0 10px;
padding:15px 0 0 0;
font:bolder 14px 黑体;
}
div#sv_banner ul li a{
color:#000; 
text-decoration:none;
display:block;
}
div#li_zzjs, div#li_mksj, div#li_gxdz{
width:70px;
height:43px;
}
.banner1{
width:70px;
margin-top:-15px;
padding:15px 0 0 0;
}
div#green a:hover,div#green a:active{
background:#7AD232;
height:28px;
}
div#orange a:hover,div#orange a:active{
background:#FE8109;
height:28px;
}
div#blue a:hover,div#blue a:active{
background:#1EBDE7;
height:28px;
}
</style>
 </head>
 <body>
  <div id="main_2">
   <div id="sv_banner">
      <ul>
         <li><div id="green" class="banner1"><a href="#">测试测试</a></div></li>
	     <li><div id="orange" class="banner1"><a href="#">测试测试</a></div></li>
	     <li><div id="blue" class="banner1"><a href="#">测试测试</a></div></li>
      </ul>
   </div>
</div>
 </body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 wllxheb 于 2009-2-24 14:52 编辑 ]

Lightlasts

TOP

西部数码VPS主机1G内存仅266元

nanfengpiaoye

非桐不栖

初级会员

帖子: 725
体力: 178
威望: 0
当前: 北京海淀区

2^# 大中小发表于 2009-2-24 14:55

提示：您可以先修改部分代码再运行

TOP

天业互联-酷睿租用599￥

wllxheb [楼主]

冒冒

初级会员

帖子: 72
体力: 136
威望: 0
当前: 北京海淀区
离线: 1 天

3^# 大中小发表于 2009-2-24 15:34

谢谢楼上的~~看来这部分我得重写了

Lightlasts

TOP

认证您的手机，获得手机认证图标手机认证的好处

wllxheb [楼主]

冒冒

初级会员

帖子: 72
体力: 136
威望: 0
当前: 北京海淀区
离线: 1 天

4^# 大中小发表于 2009-2-24 15:49

看一下效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
</head>
<body>
<div>
	<ul>
		<li class="menu_a" id="test1"><a href="#">整站建设</a></li>
		<li class="menu_a" id="test2"><a href="#">模块设计 </a></li>
		<li class="menu_a" id="test3"><a href="#">自由定制</a></li>
	</ul>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 wllxheb 于 2009-2-24 15:51 编辑 ]

Lightlasts

TOP

用CSS布局建站从零开始 | CSS3新特性 | Chrome源码剖析

‹‹ 上一主题 | 下一主题 ››