Título: Problemas con modal Publicado por: Ali Baba en 7 Febrero 2018, 03:00 am Estoy intentando copiar este ejemplo: https://mdbootstrap.com/javascript/modals/ en mi proyecto con pug, osea intento imitar el modal asi que lo he copiado y pegado, pero resulta que el modal me queda debaj, en vez de salirme cuando toque el boton, aca mi pug:
Código: doctype html Código: extends layout todo bien, peor el modal me sale debajo, no deberia ser asi, deberia de salirme cuando le de clic al boton. tengo el codigo aca corriendo: https://afternoon-temple-14236.herokuapp.com/ Título: Re: Problemas con modal Publicado por: srWhiteSkull en 8 Febrero 2018, 01:38 am Imitar ese efecto es bastante sencillo, no es necesario que picotees código por ahí. Coges la plantilla html que quieres que se muestre así, por ejemplo un formulario, y le pones con posición absoluta. Para que quede bonito o simplemente para conseguir que se inhabilite el fondo o lo que esté detrás puedes usar un div de color negro con un alpha 0.5 del tamaño de la pantalla y lo superpones, y luego encima de eso el formulario aunque puede ser indiferente si usas el z-index.
https://www.w3schools.com/css/css_positioning.asp (https://www.w3schools.com/css/css_positioning.asp) Si quieres una página con buen rendimiento intenta prescindir en lo que puedas de bootstrap o jquery. Las esquinas redondeadas son fáciles de hacer y las animaciones con buena maña y práctica puedes conseguirla con CSS. |