Javascript 引导模式赢得';不褪色

Javascript 引导模式赢得';不褪色,javascript,jquery,css,wordpress,twitter-bootstrap,Javascript,Jquery,Css,Wordpress,Twitter Bootstrap,我正在使用Twitter引导模式在wordpress上显示帖子详细信息。但是我对模态有一个问题。整个屏幕是灰色的,我可以看到模式,但没有什么是可点击的。我可以通过按“esc”键退出此模式。我认为这是一个js问题,但无法理解。我已经加载了jquery、bootstrap.js和bootstrap.css <a href="#" data-toggle="modal" data-target="#myModal-39"> <div class="col-lg-4 imgWrap"&

我正在使用Twitter引导模式在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 -->

&时代;
第39篇
小提琴:

我错过什么了吗?
谢谢,

似乎有些元素的z-index
高于您的模态

尝试使用
firebug
或chrome开发者工具来检查您的网站,找出问题所在

或者试试这种风格:

.modal {
    z-index: 10000
} 

您可以从MDN中阅读更多关于
z-index
,右上角的x也不可点击?添加了一个提琴,x在您的代码中工作?什么是不可点击的@Ali?似乎我有一些js脚本(wordpress?)阻止了我的clics。如果我在一个简单的HTML模板中测试它,它工作得很好。好的,我会测试它,然后给你回复。谢天谢地,这最终是一个样式表造成的。当我发表评论时,一切都很顺利。谢谢大家的快速回答。