ie6中解决z-index

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;" />
      
   -->