ie-6中z-index是针对父元素而定
z-index值越大就在前面显示
解决ie6中 用jquery来解决
../js/jquery.bgiframe.js
使用方法:
$(document).ready(
function(){
$("#divcontent").bgiframe();
}
定义层
<div style="position:absolute; ">
<div style="position:absolute; height:13px; width:100px; z-index:10000;top:-10px;" id="divcontent">
<input type="text" id="pdaNo" style="width:105px; height:19px;" name="pdaNo" />
</div>
<!--
<iframe src="#" scroll="none" style="display:none;position:absolute;z-index:5;"></iframe> -->
<select id="pdaNos" name="pdaNos" onChange="changeF();" style="position:absolute; top:-10px; line-height:15px; height:16px; width:122px; z-index:-1;">
<c:forEach items="${pdalist}" var="pda" >
<option id="${pda.pdaid}" value="${pda.pdaid}">${pda.pdaid}</option>
</c:forEach>
</select>
</div>
对于解决问题应用插件,让他显示层的最前面
<!-- <input type="text" name="pdaNo" id="pdaNo"/> -->
<!--
<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:150px;
height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="pdaNos" id="pdaNos" style="width:190px;height:20px;margin:-2px;" onChange="changeF();">
<c:forEach items="${pdalist}" var="pda" >
<option id="${pda.pdaid}" value="${pda.pdaid}">${pda.pdaid}</option>
</c:forEach>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt
solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
<input type="text" name="pdaNo" id="pdaNo" value="" style="width:160px;height:15px;border:0pt;" />
-->