如何使Bootstrap 3模态显示在前面，而不是褪色

Question

我有一个引导模式，不显示良好的点击。我已经看到了许多修复stackoverflow，其中z-index，但没有一个为我工作。

这是一个小提琴http://jsfiddle.net/kressly/79feLhek/16/

这是我的bootstrap模态代码

点击这里

<div class="modal fade" id="compose-modal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title"><i class="fa fa-envelope-o"></i> Compose New Message</h4>
                    </div>
                   <!-- <form action="#" method="post"> -->

                        <div class="modal-body">
                            <div class="form-group">
                                <div class="input-group">
                  Bla Bla Bla

                                </div>
                            </div>



                        </div>
                        <div class="modal-footer clearfix">
                            <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                            <button type="submit" class="btn btn-primary pull-left"><i class="fa fa-envelope"></i> Send Message</button>
                        </div>
                   <!-- </form> -->

                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

如何使Bootstrap 3模态显示在前面，而不是像在小提琴一样褪色?

Answer 1

您使用哪个版本的JQuery来运行代码?我尝试使用JQuery 1.11和2，它的工作原理。试着在你的jsfiddle上更改JQuery版本，看看它是否适合你