小编Dag*_*ers的帖子

问题是:我正在使用parrallx滚动,所以当我尝试通过Bootstrap弹出一个box-modal时,我在页面中有z-index我让他看起来像这样https://www.dropbox.com/s /42tzvfppj4vh4vx/Screenshot%202013-11-11%2020.38.36.png

如您所见,box-modal不在顶部,任何鼠标单击都会禁用它.如果我禁用此css代码:

#content {
    color: #003bb3;
    position: relative;
    margin: 0 auto;
    width: 960px;
    z-index: 300;
    background: url('../images/parallax-philosophy-ltl.png') top center;
}

盒子模态工作.只是要注意,Bootstrap默认.modal是z-index:1050,所以我无法理解为什么它不在所有其他上下文之上.

这是盒式模式:

   <section id="launch" class="modal hide fade">
    <header class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h3>??? ???? ??????  </h3>
    </header>
    <div class="modal-body">
        <form method="post" action="/update" id="myForm2">
            <input type="radio"  id="yes_arrive" name="arrive" checked="checked" value="yes">????<br>
            <p><input type="text" required name="fsname" value="" placeholder="???? ?? ???? ?????? "></p>
            <p>??? ????? ???????   </p>
            <select name="number" id="number">
                <option value="0">0</option>
                <option value="1">1</option>
                <option value="2">2</option>

            </select>
            <hr/>
            <input type="hidden" name="title" …