IE6里“绝对定位的对象”后的li背景异常

─────╂ · 发表于 2009-5-25 00:49:46

IE6里“绝对定位的对象”后的li背景异常
IE6的一个臭虫，看下边这个代码段结构。

如果外围DIV相对定位，而UL前面有绝对定位，LI的背景就会不正常，尤其是拉滚动条超过再返回后。

解决办法是在UL或LI上再加“position:relative; ”相对定位下。

 
<!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=gb2312" /> 
<title>无标题文档</title> 
<style type="text/css"> 
body { margin:30px;} 
li { list-style:none;} 
#a1 { padding-top:30px; height:1400px; position:relative;} 
#a1a { position:absolute; top:0px;} 

#a1b {} 
#a1b li { background: url(http://www.dizyh.cn/img/list_dot.gif) no-repeat; padding-left:10px;} 
</style> 
</head> 
<body> 
 
<div id="a1"> 
 <div id="a1a">123454</div> 
 <ul id="a1b"> 
 <li><a href="#">怎么批量删除HTML里面的超连接？</a></li> 
 <li><a href="#">怎么批量删除HTML里面的超连接？</a></li> 
 <li><a href="#">怎么批量删除HTML里面的超连接？</a></li> 
 <li><a href="#">怎么批量删除HTML里面的超连接？</a></li> 
 <li><a href="#">怎么批量删除HTML里面的超连接？</a></li> 
 <li><a href="#">怎么批量删除HTML里面的超连接？</a></li> 
 <li><a href="#">怎么批量删除HTML里面的超连接？</a></li> 
 </ul> 
</div> 
 
</body> 
</html> 
 

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

n煲 · 发表于 2010-2-21 17:05:04

顶．支持，路过．．．．．

		自动登录	找回密码
密码			注册