首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-08-26 
IE6的绝对定位DIV内嵌的DIV无法点击!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ht

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没问题,浏览器问题

热点排行