0

我正在使用联系表单 7 创建一个表单。当用户单击日期字段时，会弹出一个 jQuery UI 日期选择器，但它在下面的字段下方是半隐藏的。（以下图为例）

在此处输入图像描述

我需要在 CSS 中添加什么，以使 jQuery UI 日期选择器在下面的字段中完全可见？

这是我用于文本字段的 CSS，如果我需要包含任何其他 CSS，请告诉我。

#contact li .text{
   background: #F0EFEF;
   padding:15px 10px 10px 0;
   position:absolute;
   z-index:100;
   min-width:85px;
   border-bottom-right-radius: 5px;
   -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-right-radius:5px;
   border-top-left-radius: 5px;
   -moz-border-radius-topleft:5px;
   -webkit-border-top-left-radius:5px;
   text-indent: 5px;
}
4

2 回答 2

0

jQuery UI 的 CSS 没有z-index为.ui-datepicker该类指定。添加z-index: 101或更高以将日期选择器保持在顶部。

于 2013-03-28T20:14:28.997 回答
0

#contact li .text 的 z-index 是否有干扰？如果可以，请尝试降低 z-index。UI Datepicker 使用它自己的 CSS 文件（我相信你知道）并且可能与此冲突。

尝试向 UI 日期选择器添加高于 100 的 z-index 或降低 CSS 中的 z-index。

元素应该是ui-datepicker-div

于 2013-03-28T20:41:35.713 回答