带有 CSS 的 Bootstrap Datepicker 错误（未加载？？）答案

【问题标题】：Bootstrap Datepicker error with CSS (Not loading??)带有 CSS 的 Bootstrap Datepicker 错误（未加载？？）
【发布时间】：2014-06-27 19:50:13
【问题描述】：

我正在使用 bootstrap datepicker 进行一个项目，但我遇到了一些问题。日期选择器出现了，但它在模式后面。并且基于查看它的 CSS 没有正确加载（我试图将 z-index 设置为 100000 并且我可以告诉样式没有应用。这是我的代码。有什么明显的我只是想念? 我在下面也附上了一张图片。

文本框代码（用 Jade 编写）

input#pickupdate.form-control.datepicker(type='text', required='true', placeholder='Return Date')

在 CSS 中我用 .datepicker 来识别它，这应该可以正常工作吗？即 -

.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  direction: ltr;

  z-index: 1000000;
}

在 HTML 中我正在运行一个脚本

script(type='text/javascript')
        $(document).ready(function() {
            $('.datepicker').datepicker();
        })

我知道 css 文件正在加载，并且引导程序 datepicker 文件正在根据错误控制台正确加载。

链接到它当前的工作方式：http://postimg.org/image/rofg2ft35/（请注意模式上方的日期，但根据它应该如何工作的图像格式不正确）

它应该如何工作：http://postimg.org/image/i7zjxjyc9/

对不起，如果这是一个简单的问题，现在刚刚学习 Web 开发并且已经坚持了一天多。谢谢！

编辑：添加了 Kiee 建议的修复方法

【问题讨论】：

您找到解决方案了吗？因为我遇到了同样的问题

标签： css twitter-bootstrap datepicker pug

【解决方案1】：

尝试添加：position:relative to .datepicker z-index 对静态元素没有影响。

【讨论】：

太棒了，这有点帮助。新图像：postimg.org/image/rofg2ft35 仍然没有完全正确显示。现在我更加困惑，因为 CSS 有点工作..
添加背景色：#fff
这并没有改变。在日期选择器下载的 sn-p 下方有很多 CSS 代码，并且背景颜色已经在上述代码中设置。
如果您可以发布一个 jsfiddle，我可以进一步帮助您。不知道我的头顶上的引导程序。