eliminando el borde de la imagen en Chrome

un problema frecuente encontrado cuando se trabaja con imágenes en Chrome e IE9 es la apariencia de un borde delgado persistente alrededor de la imagen, a pesar de especificar 'nota: ninguna;' y 'Border: Ninguno'; en el CSS. Para resolver este problema, considere los siguientes enfoques:

Chrome Bugsudent

Chrome tiene un error conocido que ignora el "borde: ninguno;" estilo. Para trabajar en torno a esto, use el siguiente bloque CSS ID para crear un área transparente con el relleno deseado, engañando efectivamente a Chrome para que piense que no hay una imagen:

#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;
}

duplicación de estilos

Otra solución es duplicar el borde y los estilos de eliminación de contorno, tanto en CSS como a través del atributo Border = 0 de JQuery. Este enfoque redundante a veces puede obligar al navegador a aplicar los estilos correctamente.

img, a img {
    outline: none;
    border: none;
}

$(document).ready(function(){
    $('img').attr('border', '0');
});

consideraciones adicionales

Asegúrese de que las dimensiones del archivo de imagen coincidan con el ancho y la altura especificados en CSS. Si hay una discrepancia, el navegador puede agregar un borde para compensar.

implementando estas soluciones, puede eliminar efectivamente el borde de la imagen no deseado en Chrome e IE9, proporcionando una apariencia consistente y visual para sus páginas web.