Jquery DatePicker 在文本框的背面加载 - css 问题

Question

我实际上有一个文本框列表。当文本框处于焦点状态时，我使用下面的代码在每个文本框位置加载日期选择器。但是，如果我单击顶部文本框，即使它从单击的文本框开始，日期选择器也会加载到下面文本框的背景中。我认为这是我的 css 和 ui 的 css 冲突。

Javascript:

<link type="text/css" href="JQUERY/development-bundle/themes/base/ui.all.css" rel="stylesheet" />

    function pickdate(dateflag,val)
      {
      $("#stdatepicker").datepicker({ dateFormat: 'yy-mm-dd' });
      }

HTML:

<div id="centrecontent">
<table>
  <tr><td>  <input type="text" id="enddatepicker0" name="Workeddate0" onfocus="pickdate(2,0)" /></td></tr>
</table>
</div>

我以表格行格式重复这一点。这些行与其他一些文本一起加载到一个 div 中。那我在这里错过了什么。如何在所有 div 和所有文本框之上加载日期选择器。提前致谢。

编辑:

CSS:

    div.#centrecontent
        {
         background-image:url("/images/bluecyan3.gif");
         background-repeat:no-repeat;
        }
        table
        {
                font-size:13px;
         font-family:arial;
        }
        div,p  {margin-top:0}/*clear top margin for mozilla*/
        * html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
        #centrecontent {position:relative;
`**EDIT** /*this is the culprit*//*z-index:1*/`}
        }
th
{
 background:url("/images/menubutton.jpg");
}

Answer 1

您是否对文本框本身应用了任何样式？或者到他们的容器？文本框的 z-index 可能由于某种原因设置得很高。我认为 ui-datepicker 的 z-index 必须更高。也许你可以试试这个:

input{
  z-index:1;
}