跪求前台高手
ie 7下元素可以显示 但不可操作 是什么原因（不是js原因 应该是css）如：cursor: pointer; 鼠标移动上去，也没有手型，
如图 debug上去选择元素也无法选择，就像此div在下层一样，会直接略过（如图，debug选择元素a12时，会直接略过而对应到上级的父元素），但z-index,和position都设置过了，求教
注意是ie 7， ie8以上和firefox都ok jsp css ie7 --------------------编程问答-------------------- 肯定和float有关 把代码贴出来看看 --------------------编程问答-------------------- #select_box_div1{
border: none;
top:0px;
z-index: 10;
position: relative;
width: 200px;
}
#select_box_div2{
position:fixed;
margin-left: 200px;
border: none;
top:270px;
left:260px;
z-index: 20;
cursor: pointer;
width: 200px;
}
#select_box_div3{
position:fixed;
margin-left: 200px;
border: none;
top:270px;
left:590px;
z-index: 1005;
cursor: pointer;
width: 200px;
}
#div_sec_cat1{
position:relative;
z-index: 10;
width: 200px;
}
#div_sec_cat2{
position:absolute;
z-index: 20;
width: 200px;
}
#div_sec_cat3{
position:absolute;
width: 200px;
}
<div class="productlistarea" style="z-index: 1; position: relative;">
<div class="productlist" id="select_box_div1">
<div style="overflow-x: hidden; overflow-y: scroll; cursor: pointer;"
id="div_sec_cat1">
<ul id="select_ul1">
<li value="101" onclick="selectCategory(this,1)">a1</li>
<div class="productlist select_box_div2 div_parent_101" id="select_box_div2" style="display: none;">
<div
style="overflow-x: hidden; overflow-y: scroll; cursor: pointer;"
id="div_sec_cat2">
<ul id="select_ul2">
<li value="106" onclick="selectCategory(this,2)">
a11222222222222222222222222hhhhhhhhhhhhhhhhhhhhhh</li>
<div class="productlist select_box_div3 div_parent_106" id="select_box_div3" style="display: none;">
<div
style="overflow-x: hidden; overflow-y: scroll; cursor: pointer;"
id="div_sec_cat3">
<ul id="select_ul3">
<li value="109" onclick="selectCategory(this,3)">
a111222222222222222rrrrrrrrrrrrrrrrrr222222h</li>
</ul>
</div>
</div>
</ul>
</div>
</div>
</ul>
</div>
</div>
</div> --------------------编程问答--------------------
第二个div是套在第一个选择框div的ul下面 --------------------编程问答-------------------- 请上代码大家分享！ --------------------编程问答--------------------
<style type="text/css">
#select_box_div1{
border: none;
top:0px;
z-index: 10;
position: relative;
width: 200px;
}
#select_box_div2{
position:fixed;
margin-left: 200px;
border: none;
top:270px;
left:260px;
z-index: 20;
cursor: pointer;
width: 200px;
}
#select_box_div3{
position:fixed;
margin-left: 200px;
border: none;
top:270px;
left:590px;
z-index: 1005;
cursor: pointer;
width: 200px;
}
#div_sec_cat1{
position:relative;
z-index: 10;
width: 200px;
}
#div_sec_cat2{
position:fixed;
z-index: 20;
width: 200px;
}
#div_sec_cat3{
position:fixed;
width: 200px;
}
</style>
--------------------编程问答-------------------- 注意是ie7下，其他ok
<div class="productlistarea" style="z-index: 1; position: relative;">
<div class="productlist" id="select_box_div1">
<div style="overflow-x: hidden; overflow-y: scroll; cursor: pointer;"
id="div_sec_cat1">
<ul id="select_ul1">
<li value="101" onclick="selectCategory(this,1)">a1</li>
<div class="productlist select_box_div2 div_parent_101"
id="select_box_div2" style="display: none;">
<div
style="overflow-x: hidden; overflow-y: scroll; cursor: pointer;"
id="div_sec_cat2">
<ul id="select_ul2">
<li value="106" onclick="selectCategory(this,2)">
a11222222222222222222222222hhhhhhhhhhhhhhhhhhhhhh</li>
<div class="productlist select_box_div3 div_parent_106"
id="select_box_div3" style="display: none;">
<div
style="overflow-x: hidden; overflow-y: scroll; cursor: pointer;"
id="div_sec_cat3">
<ul id="select_ul3">
<li value="109" onclick="selectCategory(this,3)">
a111222222222222222rrrrrrrrrrrrrrrrrr222222h</li>
</ul>
</div>
</div>
</ul>
</div>
</div>
</ul>
</div>
</div>
</div>
补充：Java , Web 开发
