读书人

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

发布时间: 2012-08-26 16:48:05 作者: rapoo

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');"> 测试</div>
</div>
</body>
</html>



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

[解决办法]
加个 .b{position:relative;}
[解决办法]
你给b设置个背景颜色试试
[解决办法]

探讨

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

[解决办法]
2楼正解。
[解决办法]
IE8没问题,浏览器问题

读书人网 >JavaScript

热点推荐