Tengo un pequeño juego de arrastrar y soltar, este juego tiene un botón de cómo jugar que abre un modal con texto y guías con él, cuando hago clic para imprimir (impresión de la vida real) quiero mostrar solo ese elemento nada más. Ahí es donde necesito tu ayuda.
Intenté hacer esto con CSS:
@media print { body { visibility: hidden; } .modal-window { visibility: visible; } }Pensé que esto ayudaría, pero esto me muestra solo una página en blanco, de alguna manera necesito imprimir solo mi elemento Modal.js que tiene un div con una clase de .modal-window.
Si abro el modal (hago clic en el botón de cómo jugar) lo hago bien, pero mi tarea es hacer esto sin hacer clic en ese botón.
Gracias
Estás escondiendo el cuerpo. Su elemento de ventana modal está en el cuerpo, por lo que también está oculto.
Intente ocultar todo en el cuerpo excepto la ventana modal
body *{ visibility:hidden; } body .modal-window { visibility: visible; }