Timepicker出现在模态背后

Question

我正在使用JQuery的Timepicker插件。这是我的代码：

<input id="time" class="timepicker" style="z-index:1151 !important" >

但是，我得到的结论是：

正如您所看到的，timepicker出现在模式表单后面，我无法访问它。我认为这与z-index有关，所以我正在玩弄它。但是，我此时不成功。

这就是我尝试过的：z-index

有什么想法吗？

编辑：好的，所以出于某些原因，当我尝试更改timepicker的{​​{1}}时，它不会被更改。它被某种东西所取代。但是，如果我在Google Chrome Inspect窗口中手动更改它，则可以正常工作。

Answer 1

您必须为z-index容器申请timepicker。

.ui-timepicker-container{ 
     z-index:1151 !important; 
}