打开模态时会出现白线

Question

我在每天的编码中使用模态，但突然知道这些白线出现了，它会是什么？

只需编辑我的帖子，抱歉我刚刚在这里，这是我的代码，我通过jquery添加模态体，因为我通过ajax获取数据，jquery代码

此代码以ajax

为参考

$.ajax({
    url: route,
    headers: {'X-CSRF-TOKEN': token},
    type: 'GET',
    dataType: 'json',
    success: function (data){

...

switch (extension){
            case 'pdf':
                storage = storage.replace('archivo', data.documento.ubicacion);
                console.log(storage);

                html = '<div class="row">'+
                    '<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> '+
                    '<div id="doc"></div>'+
                    '</div>'+

                    '</div>';

                $('#liDocumento').append(html);
                PDFObject.embed(storage, "#doc");
                break;
            case "png":
            case "PNG":
            case "jpg":
            case "JPG":
                storage = storage.replace('archivo', data.documento.ubicacion);

                html = '<div class="row">'+
                    '<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> '+
                    '<img src="'+storage+'" style="width: 100%;">'+

                    '</div>'+
                    '</div>';

                $('#hrefDescargar').attr('href',routeDescarga);
                $('#hrefDescargar').removeClass("hidden");

                $('#liDocumento').append(html);

                break;
            default:
                console.log("OTROS");

                html = '<div class="row">'+
                    '<div class="media">'+
                    '<div class="media-left media-middle text-center">'+

                    '<img class="media-object" src="/images/archivo.png" width="180" height="180">'+

                    '</div>'+
                    '<div class="media-body">'+
                    '<h4 class="media-heading">'+data.documento.nombre+'</h4>'+
                    '<p><b>Referencia: </b>'+data.referencia+'</p>'+
                    '<p><b>Documento de: </b>'+data.documento.tipo.nombre+'</p>'+
                    '<p><b>Numero de hojas: </b>'+data.num_hojas+'</p>'+
                    '<p><b>Tipo de doc.: </b>'+data.tipo.nombre+'</p>'+
                    '<p><b>Copias: </b>'+copias+'</p>'+
                    '</div>'+
                    '</div>'+
                    '</div>';

                $('#hrefDescargar').attr('href',routeDescarga);
                $('#hrefDescargar').removeClass("hidden");

                $('#liDocumento').append(html);
                break;
        }

在追加 $（＆＃39;＃liDocumento＆＃39;）。append（html）我添加代码，我使用pdfobjet来当pdf 脚本src =＆ ＃34; /js/pdfobject.js" 的 然后显示模态

$('#modalCorrespondencia').modal('show');

Answer 1

尝试将模态位置设置为固定而不是绝对，并给它更大的z-index。