Bienvenido a la Comunidad de Treehouse
¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.
¿Buscas aprender algo nuevo?
Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de
Inicia tu prueba gratuita
Stefan Cutajar
7,747 Puntos¿Por qué tengo alrededor de 1px de canaleta blanca en el fondo del encabezado de mi modal?
Por alguna razón tengo alrededor de 1px de fondo blanco en el lado derecho cerca del botón de cerrar del modal del formulario que parece que viene del fondo del div principal. Puedes encontrar mi espacio de trabajo aquí -> https://w.trhou.se/2506req1un y haz clic en registrarse ahora para lanzar el modal. Cualquier ayuda será apreciada, gracias.
1 Respuesta
Jennifer Nordell
Profesor de TreehouseHola, Stefan Cutajar! La conclusión es que se supone que debe ser así. Si echas un vistazo al código fuente de Bootstrap disponible aquí puedes ver su CSS. Dentro del archivo CSS encontrarás esta regla para la clase "modal-content" (estoy agregando comentarios para marcarlo):
.modal-content {
posición: relative;
mostrar: -webkit-box;
mostrar: -ms-flexbox;
mostrar: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: columna;
flex-direction: columna;
ancho: 100%;
pointer-events: automático;
background-color: #fff;
background-clip: padding-box;
/* esta es la línea que lo causa */
border: 1px solid rgba(0, 0, 0, 0.2);
/* */
border-radius: 0.3rem;
outline: 0;
}
Esta regla da un borde blanco con una opacidad de 0.2 donde 0 es completamente transparente y 1 es completamente opaco.
¡Espero que esto te ayude!
Stefan Cutajar
7,747 PuntosStefan Cutajar
7,747 PuntosMuchas gracias, muy bien explicado, ahora entiendo.