"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Por qué Border-Radius no funciona con imágenes en Chrome?

¿Por qué Border-Radius no funciona con imágenes en Chrome?

Publicado el 2024-11-04
Navegar:968

Why is Border-Radius Not Working for Images in Chrome?

El radio del borde no muestra imágenes en WebKit

A pesar de aplicar estilos de radio del borde al elemento #screen usando todos los prefijos y la sintaxis estándar, el elemento permanece intacto en Google Chrome, mientras que aparece como se esperaba en Firefox e Internet Explorer 9. Este problema surge debido a un error en el manejo de Chrome del recorte de bordes para imágenes.

Solución alternativa para resolver el error de Chrome :

Para resolver este problema, implemente la siguiente solución alternativa:

.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}

Esta técnica modificará la perspectiva del elemento, lo que obliga al motor de renderizado a comportarse correctamente. No afecta la visualización del elemento, a diferencia de otras soluciones como establecer la opacidad en 0,99.

Declaración de liberación Este artículo se reimprime en: 1729686816 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial Más>

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