2010-06-02 27 views
18

Estoy tratando de eliminar el borde de la imagen, es decir, pero tengo un comportamiento extraño.Cómo desactivar el borde de la imagen en IE

Aquí está mi código:

img {border: none} 
<img src="..." border="0" style="border: 0"/> 

Pero todavía no está funcionando, y el IE depurador me muestra la imagen border: medium. Y mi div es más grande en 10 píxeles por imagen.

+0

duplicados de http://stackoverflow.com/questions/7910209/how-to-remove-borders-around-links-in-ie – dplass

+1

@dplass: ¿Cómo puede ser un duplicado de una pregunta que se hizo * despues de * este? En todo caso, ese debería ser un engañado de este. – Robusto

Respuesta

42

Trate

img { 
    border-width: 0; 
} 
+0

Sí, solucionó el problema) – Kein

3

no hay ningún valor 'none', utilizar border: 0 vez

8

Eliminar borde de enlace de la imagen:

a img 
{ 
    border:0px; 
} 

funciona bien en IE

+2

Creo que su solución es mucho mejor y está señalando exactamente el error. Gracias –

1

Esta solución está incluida en Restablecer CSS de Eric Meyer, puede que le interese:

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} 
Cuestiones relacionadas