Question

我是在没有jQuery的情况下创建并且一直在使用它的angularUI滑块的忠实粉丝。我需要在angularUI模式中使用它，但看起来模态背景会干扰滑块背景（即覆盖它）。

我创建了一个用于演示此问题的plunker： http://plnkr.co/edit/FIGIvIE5bfm53tlWVR7R?p=preview

如何让滑块在模态中正确显示的任何建议都将非常感谢！谢谢。

Answer 1

这已通过添加以下CSS解决：

.ui-slider-default ui-slider-thumb, 
.ui-slider-default [ui-slider-thumb], 
.ui-slider-default .ui-slider-thumb {
  z-index: 1;
}

ui-slider:after, [ui-slider]:after, .ui-slider:after {
  z-index: 0;
}

见plunker： http://plnkr.co/edit/HPOAq0oV6GnE0JevuZI4?p=preview

AngularUI模型中的AngularUI滑块

1 个答案: