¿Alguien sabe por qué IE6 e IE7 agregan un borde blanco entre un borde button
y el fondo?IE7 BOTÓN contorno blanco
Aquí es mi CSS y HTML:
#reportButton{
background:#fefcda url(buttonback.png) repeat-x bottom left;
border-top:2px solid #fffff8;
border-right:2px solid #e3b40c;
border-bottom:2px solid #e3b40c;
border-left:2px solid #fffff8;
color: #373535;
font-weight: bold;
margin:0 2%;
width:45%;
}
<button id="reportButton">Report a Concern</button>
Si intenta esto, verá un borde blanco divertido entre los bordes y el fondo. Esto no aparece en ningún otro navegador, ni siquiera en IE8.
¿Alguien tiene una solución o sugerencia simple sobre lo que estoy haciendo mal?
Gracias!
EDIT: Me acabo de dar cuenta de que cuando hago clic en el botón, aparecen las hormigas que marchan y el borde blanco desaparece. Parece que cuando el botón es :active
desaparecen, aunque esto no me ayuda mucho en términos de resolver el problema, tal vez lo haga para otra persona.
Además, lo siento, no puedo proporcionar una pantalla; No tengo lugar para subirlo ahora a través de esta conexión a Internet.
EDIT2: Parece que el borde no es blanco, pero el background-color
del botón. Parece que IE está dejando un espacio de 1px entre el borde del botón y la imagen de fondo del botón.
¿Está utilizando un reset.css? Adivinar que probablemente arreglaría esto pero no puede probar ahora mismo. – heisenberg
@kekekela: lo intentaré en este momento. EDITAR: Eso tampoco funcionó ... – tau
Ah, lo siento amigo. =/Lo echaré un vistazo cuando llegue a casa esta noche si no te has dado cuenta para entonces. – heisenberg