角度のある素材をダイアログ下に表示する

私は奇妙な問題を抱えており、解決方法を知らない。角度のある素材をダイアログ下に表示する

私はngDialogによって生成されたダイアログを持っており、このダイアログの中にはmd-selectがありますが、正しく表示されません。それはダイアログの下に表示される選択不可能またはclickeable

これを修正するCSSを使用する方法はありますか？

EDIT

これはmodal-cerrar-nota.html

<!DOCTYPE html> 
<div class="ngdialog-message" md-theme="docs-dark"> 
    <md-toolbar class="md-warn"> 
     <div class="md-toolbar-tools"> 
      <h3 class="modal-title" style="width: 100%; text-align: center;"> 
       ¿Deseas finalizar esta nota de credito? 
      </h3> 
     </div> 
    </md-toolbar> 
    <md-content flex> 
     <md-content class="md-padding" flex> 
      <div layout="column" class="md-padding"> 
       <p flex style="text-align: center; font-weight: bold;">Una vez finalizada esta acción no podras deshacerla.</p> 
       <form name="cerrarNota" 
         ng-controller="ClienteController" 
         data-ng-init="listaClientes()"> 
        <md-input-container class="md-block md-icon" flex> 
         <label>Seleccione un cliente</label> 
         <md-icon class="material-icons">&#xE7EF;</md-icon> 
         <md-select ng-model="cli" 
            ng-model-options="{trackBy: '$value.idCliente'}" 
            required name="cliente">            
          <md-option ng-value="cliente" 
             ng-repeat="cliente in clientes">{{cliente.nombreCliente}}</md-option>            
         </md-select> 
        </md-input-container> 
        <div flex style="text-align: center;"> 
         <button type="button" 
           ng-click="" 
           class="btn btn-success">Devolver</button> 
        </div> 
       </form> 
      </div> 
     </md-content> 
    </md-content> 
    <md-content flex class="md-padding"> 
     <button class="btn btn-md btn-danger pull-right" 
       ng-click="closeThisDialog('')">Cerrar</button> 
    </md-content> 
</div>

と、ここで私の関数は、それをトリガすることです。

$scope.cerrarNotaCredito = function() { 
    ngDialog.open({ 
     template: 'views/nota_credito/modal-cerrar-nota.html', 
     className: 'ngdialog-theme-sm ngdialog-theme-custom', 
     showClose: false, 
     controller: 'ModalController', 
     closeByDocument: false, 
     closeByEscape: false 
    }); 
};

あなたは私が成功した結果で、この問題を解決するために、一度試してみた月後もngDialog className

出典

2016-07-02 Paulo Galdo Sandoval

コードをどのように実行しますか？ – Rayon

私の悪い、私はそれを追加します分plsを待つ –

@レイヨンが完了しました。私はそれを追加しました。 –

のCSSを必要とするなら、私に教えてください。

私はちょうどAjayが言ったようにz-indexを追加します。全てとはかなり細かい作業をだカスタムCSS

.ngdialog.ngdialog-theme-sm { 
z-index: 80; 
padding-bottom: 50px; 
padding-top: 50px; 
-webkit-perspective: 1300px; 
-ms-perspective: 1300px; 
perspective: 1300px; 
-webkit-perspective-origin: 50% 150px; 
-ms-perspective-origin: 50% 150px; 
perspective-origin: 50% 150px; 
}

のより具体的なダイアログclassName: 'ngdialog-theme-sm ngdialog-theme-custom',

のCSSで

。同じ問題を抱えている人にこの助けを期待してください。

出典

2016-08-16 02:01:29

角度のある素材をダイアログ下に表示する

答えて

関連する問題