如题,
如图一:
也就是说,当我点击日期控件,弹出日期选择日期面板的时候,面板下方的select 下拉框控件遮盖了,面板的一部分,这样,使日期控件无法正常使用.后来我分析是跟层之间的z-index可能有关系;于是我做了一个简单的两层之间的关系;如图二:
也就是说我怎么才能让select下拉框层不会遮盖掉日期层(红色的层)的部分呢??本人在线急等,谢谢!!

解决方案 »

  1.   

    挪到右边...
    或者用更nb的控件盖住select,比如iframe或者flash
    再或者用js重写一个select
      

  2.   

    估计您用的IE6,这是ie6的bug,你可以把所有的select隐藏,然后选中日期后显示select标记
    如果是IE7或者火狐的话,就不会出现此问题了!
      

  3.   

    参考:很简单的办法--
    JS日期控件启动事件加上隐藏select下拉框的代码
    JS日期控件关闭事件加上显示select下拉框的代码
      

  4.   

    参考:
    <script language="javascript">
    <!--
    //设置select的可见状态
    function setSelectState(state){
    var objl=document.getElementsByTagName('select');
    for(var i=0;i<objl.length;i++){
    objl[i].style.visibility=state;
    }
    }
    setSelectState('');
    setSelectState('hidden');
    //-->
    </script>
      

  5.   

    ie6 下先弹出个iframe 覆盖SELECT
     再把SELECT覆盖在IFRAME上面IE7 8 就用z-index样式
      

  6.   

    动态生成iframe,和使用zIndex,可以达到你的目的.
    但是,对于https的,最好iframe的src指定一个空白页面.
    这样不会报出警告信息.
      

  7.   

    我先前也遇见过此类问题,不过在div中添加上iframe就可以了document.write('<div id="ZfDiv_'+i+'" class="seldiv" style="display:none;z-index:100"><table id="ZfData_'+i+'" onselectstart="return false" border="0"  cellspacing="0" cellpadding="0" class="table1"></table></div><iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute;display:none;"></iframe>');