css - seguridad - IE 11 rareza de radio de borde(no ocurrió en IE 9 e IE 10)
version actual de internet explorer (3)
Creo que se te olvidó la propiedad de reinicio de la etiqueta de anclaje en tu css.
En realidad IE IE Tomó automáticamente 1px Border, Debe escribir la propiedad reset en su css img tag, un tag border: none
Como abajo código
img {border:none;outline:none}
a {border:none;outline:none}
He buscado preguntas similares relacionadas con border-radius en IE 11, pero solo una que se encuentra en el sitio de Microsoft IE Developer describió lo que también estoy experimentando desde "actualizar" a IE 11. La respuesta a la publicación en ese hilo fue asegúrese de que DOCTYPE sea HTML5 y no Quirks.
Actualmente estoy terminando un rediseño en un sitio web y sí, es HTML5 y tiene el DOCTYPE correcto, pero sigo teniendo un problema extraño con border-radius. Hay un desplazamiento de 1px para casi todos los elementos donde he aplicado un radio de borde. Si desactivo border-radius, el problema desaparece y todo está bien, pero sorprendentemente esto no fue un problema en IE 9 o IE 10. Solo desde IE 11 hace unos días, surgió este problema. He probado tanto en Windows 7 con IE 11 y Windows 8.1 con IE 11, y el problema existe en ambos.
Ejemplo 1:
Tengo un border-radius: 5px 0 0 5px aquí, y luego aplique pseudoelementos separados: before y: after para obtener el triángulo en punta, pero el radio del borde parece estar creando una línea blanca de 1px, por lo que ya no está alineado con el resto del elemento. Esto funcionó bien incluso en IE 8, pero ahora está roto en IE 11. Si elimino el radio del borde, el triángulo del pseudo elemento se nivela con el elemento nuevamente.
Ejemplo 2:
Un botón de enlace <a> , que se muestra como bloque en línea, tiene un degradado lineal para un fondo, un borde sólido azul de 1 píxel y border-radius: 4px . Pero el radio del borde crea otra línea blanca de 1px dentro del borde azul de 1px. Independientemente de cualquier otro valor de radio de borde, la línea blanca permanece a menos que border-radius sea 0.
Ejemplo 3:
Tres <a> elementos de enlace configurados para display: inline-block en display: inline-block dentro de un <div> colocado en relación con otro <div> debajo de él. La parte inferior <div> tiene un border-radius: 4px , y los elementos <a> dentro de la parte superior <div> tienen un radio de borde en la parte superior izquierda y derecha (se muestra). IE 11 muestra un espacio de 1px entre los dos elementos <div> (como se muestra en el otro enlace de carteles vinculado anteriormente). Pero si el radio del borde en la parte inferior <div> se establece en 0, la brecha desaparece.
Nuevamente, ninguna de estas instancias fue un problema en IE 9 e IE 10; solo desde IE 11 tiene esta "brecha de 1px" con elementos que tienen radio de borde aparecido. No sé cómo arreglarlo. Por supuesto, ningún otro navegador se ve afectado. Firefox, Safari, Opera y Chrome se muestran bien.
Cualquier ayuda sería muy apreciada.
La solución de píxeles fraccionarios puede provocar que Firefox sesgue el texto en 1 píxel, debido a su solución de alineación de píxeles para el borroso tipo de letra en tamaños de letra selectivos.
El desbordamiento: la solución del wrapper oculto en este subproceso msdn (donde ha publicado) podría ser menos propenso a problemas de compatibilidad como ese.
Por lo que sé, hay un error con border-radius en IE11. El problema que describes puede ser parte del panorama general. Más información