Jquery DatePicker loading in the back side of the textbox - css problem

Question

J'ai en fait une liste de zones de texte. J'utilise le code ci-dessous pour charger un sélecteur de date à l'emplacement de chaque zone de texte lorsque la zone de texte est au premier plan. Mais si je clique sur les zones de texte supérieures, le sélecteur de date se charge à l'arrière-plan des zones de texte inférieures, même s'il commence à la zone de texte cliquée. Je pense qu'il s'agit d'un conflit entre mes css et mes ui.

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>

Je le répète sous forme de tableaux. Ces lignes sont chargées dans un div avec d'autres textes. Qu'est-ce qui m'échappe ? Comment puis-je charger le sélecteur de date au-dessus de toutes les divs et de toutes les boîtes de texte ? Merci d'avance.

Editer :

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

Avez-vous appliqué des styles à la boîte de texte elle-même ? Ou à leurs conteneurs ? Il est possible que l'indice z de la zone de texte soit élevé pour une raison quelconque. Je pense que le z-index de l'ui-datepicker doit être plus élevé. Vous pouvez peut-être essayer ceci :

input{
  z-index:1;
}

Answer 2

J'ai été bloqué sur ce point pendant très longtemps alors que j'utilisais le sélecteur de date de jquery.

Il s'avère que ma charte graphique définissait certains composants comme étant z-index:2; qui masquait le sélecteur de date.

En effectuant une recherche/remplacement rapide pour } con z-index:3;} sur le fichier css de jquery a résolu le problème pour moi.