over modal form close bootstrap css google-chrome modal-dialog bootstrap-modal

css - form - Error impar con opacidad/arranque modal



modal bootstrap (4)

Desde hace algunos días, los usuarios comenzaron a informar algunas fallas técnicas en los gráficos con el telón de fondo modal. Lo he visto en un par de dispositivos y no he podido llegar al fondo del mismo: a través de un inspector, puedo ver que Opacity crea el problema, pero parece muy inusual. También a veces, después de cambiar de pestaña e ir al original, el problema ya no existe.

¿Pensamientos? ¿Alguien ha encontrado algo así antes? (Por favor, ignore los tachados rojos)


Estaba viendo el mismo problema después de que Chrome actualizó a 61. Para solucionar este problema, cambié temporalmente la opacidad en los fondos modales para el fondo rgba (0,0,0,0.5). Tenga en cuenta que el fondo de rgba no está soportado en IE8, por lo que querrá agregar una alternativa o no utilizar la solución alternativa en ese entorno.


Estoy viendo el mismo problema (cuadrados negros / artefactos) también (desde Chrome 61). Me imagino que es un problema de renderizado en Chrome. Como es molesto para nuestros clientes, estamos buscando una solución, pero aparte de eliminar todos los estilos de opacidad, todavía no tenemos una solución.


Agregué estilo y ayudó a evitar este error

.modal-backdrop { opacity: 1 !important; background-color: rgba(0,0,0,0.5) !important; }


Eliminación de fallos / parches en el fade del modelo bootstrap

Verifique si hay bordes en el contenido del modelo y cámbielo a ninguno, me funcionó.

.modal-content { background-clip: padding-box; border: none; }

Imagen de muestra