Bootstrap Modal 不会褪色

Question

我正在使用 Twitter Bootstrap 模式在 wordpress 上显示帖子详细信息。但是我对模态有疑问。整个屏幕是灰色的，我可以看到模态，但没有什么是可点击的。我可以通过按“esc”键退出此模式。我认为这是一个js问题，但无法弄清楚。我已经加载了 jquery、bootstrap.js 和 bootstrap.css。

<a href="#" data-toggle="modal" data-target="#myModal-39">
<div class="col-lg-4 imgWrap">
<img width="500" height="332" src="img/myimage.jpg" class="attachment-post-thumbnail wp-post-image" alt="myimage" />          <h2><span>Title 39</span></h2>
      <p class="imgDescription">Description 39</p>
    </div><!-- /.col-lg-4 -->
        </a>
        <!-- Modal -->
        <div class="modal fade" id="myModal-39" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-39" 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" id="myModalLabel-39">Title 39</h4>
              </div>
              <div class="modal-body">
        <img width="500" height="332" src="img/myimage.jpg" class="attachment-post-thumbnail wp-post-image" alt="marrakech" />                                      </div>
            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

小提琴：http://jsfiddle.net/8E8En/

我错过了什么吗？ 谢谢，

Answer 1

似乎有些元素的z-index 比你的模态要高。

尝试使用firebug 或 chrome 开发者工具检查您的网站以找出答案

或者试试这种风格：

.modal {
    z-index: 10000
} 

您可以从 MDN docs 阅读有关 z-index 的更多信息