A http://jqueryui.com/demos/dialog/#modal-form, il y a un exemple de dialogue modal; lorsque vous cliquez sur "Créer un nouvel utilisateur", il affiche une boîte de dialogue modale et supprime tout sauf la boîte de dialogue. Sur mon travail basé sur cela, j'ai spécifié "modal: true", et la boîte de dialogue modale apparaît et disparaît de manière appropriée, mais rien d'autre n'est grisé; le reste de l'écran ressemble à ce qu'il était avant.Comment gérer le fondu de dialogue modal dans l'interface utilisateur jQuery?
Ai-je besoin d'appliquer des CSS supplémentaires ou de servir une image? Un bref coup d'œil sur le code source de l'échantillon ne m'a pas permis de voir clairement ce que je devais ajouter afin de griser l'arrière-plan.
Si j'ai besoin d'autres contenus statiques, comment puis-je le faire sous un Django/static/tree? En d'autres termes, ai-je besoin de créer des répertoires de contenu statique/foo/et/bar/additional, ou fonctionnera-t-il avec des sous-répertoires de/static /?
Merci; laisse moi jouer avec ça. – JonathanHayward
J'ai créé un div overlay avec un index z élevé (1000 pour le div, non spécifié pour les entrées de formulaire). Les paramètres background-color et background-image semblent se retrouver derrière les entrées de formulaire, pas devant eux; c'est-à-dire qu'à une opacité non spécifiée (100%), ils masquent l'arrière-plan mais pas le premier plan. – JonathanHayward
Je pense que vous avez mal compris ma réponse: le div avec le nom de classe «ui-widget-overlay» est créé dynamiquement par l'interface utilisateur jQuery. Tout ce que vous avez à faire est d'ajouter quelque chose comme ceci à vos feuilles de style: .ui-widget-overlay { fond: # 000; opacité: 0,5; } – dmkc