Transformación CSS 3D: abordar los bordes dentados en Firefox
Paralelamente al problema de los bordes dentados con las transformaciones de CSS de Chrome, surge un problema similar con Firefox durante las transformaciones 3D. Puede encontrar una ilustración en este JSFiddle (específico de Firefox): http://jsfiddle.net/78dK/5/.
A diferencia de Chrome, backface-visibility no proporciona una solución en Firefox.
Soluciones alternativas:
Solución alternativa 1 (Esquema Atributo):
Para una solución más universal, considere agregar un atributo de esquema transparente:
outline: 1px solid transparent;
Este enfoque ha sido verificado en Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/.
Solución alternativa 2 (Borde Atributo):
Alternativamente, puede agregar un atributo de borde con un color que coincida con el fondo:
border: 1px solid white;
Esta opción es efectivo cuando se conoce el color de fondo (por ejemplo, blanco en este caso): http://jsfiddle.net/LPEFC/.
Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.
Copyright© 2022 湘ICP备2022001581号-3