"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 > ¿Cómo eliminar los bordes de imágenes persistentes en Chrome e IE9?

¿Cómo eliminar los bordes de imágenes persistentes en Chrome e IE9?

Publicado el 2024-11-09
Navegar:413

How to Remove Persistent Image Borders in Chrome and IE9?

Eliminación del borde esquivo de la imagen en Chrome/IE9

Al mostrar imágenes en Chrome o IE9, es posible que encuentre un borde delgado persistente a pesar de la configuración "esquema: ninguno" y "borde: ninguno" en CSS. Este problema surge debido a un comportamiento peculiar de Chrome que anula "borde: ninguno". al tamaño de botón deseado. Considere el siguiente ejemplo de CSS:

#dlbutn { mostrar: bloquear; ancho: 0px; altura: 0px; esquema: ninguno; relleno: 43px 51px 43px 51px; margen: 0 automático 5px automático; imagen de fondo: url(/images/download-button-102x86.png); repetición de fondo: no repetición; }
#dlbutn {
    display: block;
    width: 0px;
    height: 0px;
    outline: none;
    padding: 43px 51px 43px 51px;
    margin: 0 auto 5px auto;
    background-image: url(/images/download-button-102x86.png);
    background-repeat: no-repeat;
}
Ú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