Question

我正在使用bootstrap datepicker处理项目，但我遇到了一些问题。日期选择器出现了，但它在模态后面。基于它看起来CSS没有正确加载（我试图将z-index设置为100000，我只能告诉样式不适用。这是我的代码。有什么明显的我和＃39 ;我刚刚失踪？我还附上了一张图片。

文本框代码（用翡翠写成）

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/

很抱歉，如果这是一个简单的问题，现在只是学习网页开发，并且已经坚持了一天以上。谢谢！

编辑：添加修复Kiee建议

Answer 1

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

CSS引导Datepicker错误（未加载？）

1 个答案: