IE11 representa elementos con radio de borde incorrectamente


2

Mi Internet Explorer 11.0.13 representa incorrectamente todos los elementos css con un radio de borde positivo: muestra líneas diagonales y áreas sombreadas sobre el componente, a veces haciéndolo ilegible. Esto sucede en todas las páginas. Si configuro el radio del borde en 0 para estos elementos, se representan correctamente. Aquí hay una captura de pantalla que muestra el problema en la página de inicio de Google.

ingrese la descripción de la imagen aquí

Apagué el procesamiento de GPU, pero eso no resolvió el problema. ¿Alguien puede sugerir otras soluciones, o al menos decirme cómo se llama este fenómeno, para que pueda buscarlo?

Estoy usando Windows 8.1 Pro en una HP 840G.

Añadido el 10 de enero de 2015:

Aquí hay un pequeño ejemplo:

<!DOCTYPE html>
<html>
<head><style>
div {
    width: 50px;
    height: 50px;
    background-color: black;
}
</style></head>
<body>
<div style="border-radius:0px"></div><br>
<div style="border-radius:5px"></div><br>
<div style="border-radius:10px"></div><br>
<div style="border-radius:25px"></div>
</body>
</html>

Esto se traduce de la siguiente manera: ingrese la descripción de la imagen aquí


1
¿Has intentado restablecer IE a través de "Opciones de Internet"?
Kinnectus

Por favor, publique su html y css. También puedes probar las soluciones en esta publicación .
harrymc

1
@ Ƭᴇcʜιᴇ007: sí, también ocurre en modo seguro, también como un usuario diferente. Los controladores de video están actualizados.
roelandvanbeek

1
@EricF: Ojalá supiera cómo reducirlo, si alguien pudiera decirme cómo describir este problema ... De todos modos, no sucede en otros navegadores, solo en IE. También ocurre en Skype en la interfaz de Metro, pero creo que la aplicación se ejecuta en HTML5 e IE lo está procesando.
roelandvanbeek

2
@harrymc Lo siento, probablemente no deje en claro que esto sucede en cualquier página, para cualquier elemento con un radio de borde distinto de cero. De cualquier manera, según su solicitud, también agregué un ejemplo a la pregunta.
roelandvanbeek

Respuestas:


4

Este es un error en IE11 que se señala varias veces en Microsoft Connect, pero no parece que Microsoft lo entienda.

He podido restaurar la pantalla correcta agregando la siguiente línea al encabezado:

<meta http-equiv="X-UA-Compatible" content="IE=10" />

Esto pone IE11 en modo de compatibilidad IE10, donde el radio del borde se muestra correctamente:

imagen


Gracias, esto parece apuntar a algo. ¿Pero eso significa que tengo que ver todos los sitios web en modo de compatibilidad?
roelandvanbeek

Aparentemente, hasta que Microsoft corrige el error. O use otro navegador (que, dada la cantidad de riesgos de seguridad descubiertos cada año en IE, es en mi humilde opinión una mejor solución).
harrymc

Estoy usando Chrome para la mayoría de los propósitos, pero debido a que algunas aplicaciones de Windows (como Skype) están usando IE, no tengo otra opción para ellas. ¿Puede señalar un informe de error?
roelandvanbeek

1
Sí, por ejemplo este y este otro .
harrymc

1

Deshabilitar la Vista de compatibilidad de IE11 puede ayudar:

  1. Alt+ To Configuración (icono de engranaje)
  2. Escoger Compatibility View Settings
  3. Desmarca la Display intranet sites in Compatibility Viewcasilla de verificación
  4. Reiniciar IE11

Para obtener más detalles, consulte el artículo Corrección: el radio de borde CSS no funciona en Internet Explorer 11 .


No lo arregla, desafortunadamente.
roelandvanbeek

Su pregunta fue de hace más de un mes. ¿Has actualizado desde entonces y eso lo ha solucionado?
Sombra

He tenido el problema durante un año, no hay actualizaciones que lo hayan solucionado.
roelandvanbeek

0

Intenta borrar el caché.

Entra en IE y presiona ctrl+ shift+ delete.

Luego marque / desmarque las siguientes casillas, como se muestra en la imagen.

Haga clic en este

Luego, espere a que elimine todos estos archivos (puede tomar uno o dos minutos) y cuando termine, actualice la página.


No lo arregla. Creo que es algo más "elemental" que esto, algo relacionado con el renderizado.
roelandvanbeek

0

Dado que está sucediendo tanto en Skype como en IE, echaré un vistazo a la configuración de CSS ya que ejecuta muchas partes de Skype y posiblemente podría usarse en la página web de Google como se muestra. Si esto no lo resuelve, probaría su tarjeta de video en otra computadora para ver si aparece el mismo problema. Si lo hace, sospecharía que la tarjeta de video es mala.

Desde la página de soporte de Skype:

There are a few solutions to this problem. 
You can either revert your .css settings to the Windows default by applying a registry patch, patch the 
Skype local web page, or downgrade to Skype 6.9 or below.  Hopefully the problem will be addressed in a 
future release.


.css registy patch
http://community.skype.com/t5/Windows-desktop-clie​nt/Skype-6-10-0-104-BIG-Login-screen-problem/m-p/2​...

-- or --

Skype local web page patch (location: the index.html @ %programdata%\Skype\Apps\login\)
http://community.skype.com/t5/Windows-desktop-clie​nt/Skype-UI-issues-after-updating-to-6-10/m-p/2114​...

Sé que esto es solo para Skype, pero si algo está mal con la configuración de CSS, también afectaría a sus páginas web, ya que muchos elementos como los botones (como mostró) se representan utilizando CSS.

Espero que esto ayude un poco!


Gracias, pero esto es sobre la interfaz de usuario de escritorio de Skype, estaba hablando de la interfaz de usuario moderna. El problema allí es el mismo que en los ejemplos en mi pregunta, no es que falte el CSS por completo.
roelandvanbeek

0

Experimenté el mismo problema en IE 11, Edge y Firefox 57.0 (64 bits), después de actualizar Windows 8 a Windows 10. Finalmente, la actualización de los controladores de la tarjeta gráfica solucionó el problema.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.