模态出现但看不到内容答案

【问题标题】：Modal show up but could not see the content模态出现但看不到内容
【发布时间】：2015-12-14 19:26:17
【问题描述】：

这是我的模态：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">text</h4>
        </div>
        <div class="modal-body">
            <p>Done!</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Okay</button>
        </div>
    </div>
</div>

这是我的链接：

<a class="btn btn-success" href="http://example.com" data-toggle="modal" data-target="#myModal">Text</a>

当我点击按钮时，模式正在激活，但我看不到任何东西，只是屏幕变暗了。

你能帮我看看我做错了什么吗？

【问题讨论】：

难以猜测，但可能是 z-index 问题。暗淡的背景足够高，但您的模态本身不是。
我应该从我的引导 css 中复制一些设置吗？我使用默认的顺便说一句。
可能更有帮助??
.modal { 位置：固定；顶部：0；右：0；底部：0；左：0； z 指数：1050；显示：无；溢出：隐藏； -webkit-溢出滚动：触摸；大纲：0； }
你可以尝试设置z-index：9999。

标签： php twitter-bootstrap modal-dialog bootstrap-modal

【解决方案1】：

首先你需要显示按钮，然后是模块代码：

       <!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
              <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    </head>
    <body>
    <a class="btn btn-success" href="http://example.com" data-toggle="modal" data-target="#myModal">Test</a>



    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">text</h4>
            </div>
            <div class="modal-body">
                <p>Done!</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Okay</button>
            </div>
        </div>
    </div>
</body>
</html>

【讨论】：

但在我的情况下一切正常，如果我正确理解你的问题。