Question

在这个上剥掉我的头发！

我们正在使用一家广告公司，通过在div元素中嵌入iFrame来提供广告。

一切正常，但后来我被要求创建一个弹出窗口。

弹出窗口也有效，但z-index设置不正确。

广告的div元素是一个div，其z-index属性设置为9999，位置设置为绝对。

我用来弹出显示的代码是：

            $('#questions').modal({
            backdrop: 'static' }, 'show');

模态弹出窗口的HTML如下：

<!-- modal content -->
<div class="modal fade" id="modal" role="dialog">
    <div class="modal-dialog" style="width:960px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Tenant Information</h4>
            </div>
            <div class="modal-body" style="min-height:500px;">

                  Something Goes Here

            </div>
            <div class="modal-footer">
               <button onclick = "recordDoNotShow();" type="button" class="btn btn-default">Don’t show this message again</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

有时，此代码可以正常使用，然后其他广告就位于顶部。

jQuery Dialog z-Index无法在页面上提供广告

0 个答案: