2014-10-01 7 views
12

Sto tentando di utilizzare il componente aggiuntivo ngDialog di AngularJS per creare una semplice finestra di dialogo a comparsa. Funziona fondamentalmente, ma quando appare la finestra di dialogo, inizia in bianco, ma poi si dissolve rapidamente sullo sfondo scuro. Presumo che ci sia qualche conflitto CSS, ma di seguito riesco a riprodurre il problema con un bit HTML molto semplice. Grazie in anticipo per eventuali suggerimenti.ngDialog dark overlay copre la finestra di dialogo

<html> 
    <head> 
    <title>Dialog Test</title> 
    <link href='/assets/ngDialog/css/ngDialog.css' rel='stylesheet'> 
    <script src='/assets/angularjs/angular.js'></script> 
    <script src='/assets/ngDialog/js/ngDialog.js'></script> 
    <script> 
     angular.module('dialogTest', ['ngDialog']); 
    </script> 
    </head> 
    <body ng-app='dialogTest'> 
    <button ng-dialog='MY_DIALOG.html'> 
     Dialog... 
    </button> 
    </body> 
</html> 
+0

Se non riesci a replicare questo con un semplice esempio, molto probabilmente avrai altri css che potrebbero sovrascrivere regole come z-index ... Puoi controllare gli stili sull'overlay per vedere chi sta facendo cosa – PSL

+0

No, sono dicendo che * posso * riprodurre questo con un semplice esempio. Vedi l'HTML incluso. –

+0

cerchi il mio male !! Puoi creare un plunker? – PSL

risposta

13

ho capito (il mio problema originale, non plunker): Ho anche bisogno di includere ngDialog-theme-default.css di ngDialog. Grazie per l'attenzione.

+0

ugh ... così semplice. :)) – Shay

+1

ugh, dovrebbero aggiornare la documentazione. grazie –

Problemi correlati