Datepicker显示在花式框的背面

Question

我在jquery中使用了datepicker，但问题是当我点击日期选择器时显示在花式框后面。

代码是这样的。

<div class="fancybox-overlay fancybox-overlay-fixed" id="copytimesheetdiv"
    style="width: auto; height: auto; display: block;">
    <div
        class="fancybox-wrap fancybox-desktop fancybox-opened"
        tabindex="-1"
        style="width: 458px; height: auto; position: absolute; top: 20px; left: 445px; opacity: 1; overflow: visible;margin-top:250px;">
        <div class="fancybox-skin"
            style="padding: 15px; width: auto; height: auto;">
            <div class="fancybox-outer">
                <div class="fancybox-inner"
                    style="overflow: auto; width: 428px; height: 100px; cursor: pointer;">

                    <div class="mid_section">
                        <!--right section-->

                        <div align="left">

                            **<input type="text" id="copyt"/>** // this is the text box on whose click datepicker is called.

                        </div>
                           <div style="margin-top: 20px">
                     <input type="button" value="Cancel" id="cancelCopy" class="button closeFancybox" value= "Cancel">

                      <input type="button" value="Ok" id="ok" class="button closeFancybox" style="align : right">
                      </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

我也调整了datepicker的Z元素但没有任何效果。