Datepicker 出现在 wrap div 后面。答案

【问题标题】：Datepicker appears behind a wrap div.Datepicker 出现在 wrap div 后面。
【发布时间】：2015-12-08 09:27:38
【问题描述】：

我的网站上有一个表格供客户指定他们想要的产品。表单的工作是收集这些数据。表单字段中的一个用于指定项目的截止日期。使用 datepicker 我想根据客户在日历上选择的内容填充该字段。它正是这样做的。问题是当日历出现时，它会在一个 wrapsemibox 后面弹出，我希望它在它前面。输入字段的正下方。这是代码。

 <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>


<apex:inputField value="{!Service_Order__c.Project_Deadline__c}" 
html-placeholder="Please allow 8 weeks" 
id="datepicker" required="true" styleClass="form-control" />

这两个代码产生这样的输出：

Form
When you zoom out

【问题讨论】：

在 datepicker 上尝试z-index 属性

标签： jquery html twitter-bootstrap apex

【解决方案1】：

<apex:inputField style='z-index:999;position:relative;'

【讨论】：

你能解释一下如何应用代码，这如何解决问题？考虑到这篇文章将来会被其他用户用作参考，这是一个知识共享网站，所以你应该考虑在你的答案中更加冗长