Javascript “角度材质选择”对话框下的“显示”_Javascript_Angularjs_Css_Angular Material_Ng Dialog

Javascript “角度材质选择”对话框下的“显示”

javascript angularjs css angular-material

Javascript “角度材质选择”对话框下的“显示”,javascript,angularjs,css,angular-material,ng-dialog,Javascript,Angularjs,Css,Angular Material,Ng Dialog,我有个奇怪的问题，不知道怎么解决我有一个由ngDialog生成的对话框，在这个对话框中我有md select，但它不能正确显示。它显示在执行“选择不可读”或“可单击”的对话框下有没有办法用CSS来解决这个问题编辑这是模态cerrar nota.html <!DOCTYPE html> <div class="ngdialog-message" md-theme="docs-dark"> <md-toolbar class="md-warn">

我有个奇怪的问题，不知道怎么解决

我有一个由

ngDialog

生成的对话框，在这个对话框中我有

md select

，但它不能正确显示。它显示在执行“选择不可读”或“可单击”的对话框下

有没有办法用CSS来解决这个问题

编辑

这是

模态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>

请告诉我您是否还需要ngDialog的CSS

className

一个月后，我尝试过一次，并成功地解决了这个问题

正如Ajay所说，我只是添加了

z-index

在对话框

className:“ngdialog主题sm ngdialog主题自定义”的css中，

关于自定义css

ngdialog主题sm

.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;
}

就这些，工作得很好。希望这对有同样问题的人有所帮助。

我们如何运行您的代码？我的错，请稍等，我会添加that@Rayon完成。我加了。工作很好：嗯，我想我没有很好地解释jeje。。对话框（模态）是从我的主模板上的按钮触发的。当它显示为对话框（模式）时，选择显示在对话框下。我在这里遇到了相同的问题，解决方案对我不起作用：(

.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;
}