日期:2014-05-16  浏览次数:20506 次

IE6的绝对定位DIV内嵌的DIV无法点击


<!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>
嵌套DIV测试
</title>
<style>
.a {position:absolute;heigh:150px;width:550px;border:1px solid red;} 
.b {width:37px;height:130px;cursor:pointer;border:1px solid Black;}  
</style>
</head>
<body>
<div class="a">aaa
  <div class="b" onclick="javascript:alert('ok');">&nbsp;测试</div>
</div>
</body>
</html>



高度为130的DIV——b,点击文字可以,空白区域就无法点击,这是为何??
火狐下就能正常点击,但是IE6下就不行

------解决方案--------------------
加个 .b{position:relative;}
------解决方案--------------------
你给b设置个背景颜色试试
------解决方案--------------------
探讨

你给b设置个背景颜色试试

------解决方案--------------------
2楼正解。
------解决方案--------------------
IE8没问题,浏览器问题