IE11 processa elementos com raio de borda incorretamente

2

Meu Internet Explorer 11.0.13 renderiza incorretamente todos os elementos-css com um raio de borda positivo: ele mostra linhas diagonais e áreas sombreadas sobre o componente, às vezes tornando-o ilegível. Isso acontece em todas as páginas. Se eu definir o raio da borda como 0 para esses elementos, eles serão renderizados corretamente. Aqui está uma captura de tela que mostra o problema na página inicial do Google.

DesativeiarenderizaçãodaGPU,masissonãoresolveuoproblema.Alguémpodesugeriroutrassoluções,oupelomenosmedizeroqueessefenômenoéchamado,paraqueeupossaprocurá-lo?

EstouusandooWindows8.1ProemumHP840G.

Adicionadoem10dejaneirode2015:

Aquiestáumpequenoexemplo:

<!DOCTYPEhtml><html><head><style>div{width:50px;height:50px;background-color:black;}</style></head><body><divstyle="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>

Isso é processado da seguinte maneira:

    
por roelandvanbeek 11.11.2014 / 21:47

5 respostas

4

Este é um bug no IE11 que é sinalizado várias vezes no Microsoft Connect, mas não parece que a Microsoft entende isso.

Consegui restaurar a exibição correta adicionando a seguinte linha ao cabeçalho:

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

Isso coloca o IE11 no modo de compatibilidade do IE10, onde raio de borda é exibido corretamente:

    
por 10.01.2015 / 16:35
1

Desativar o Modo de Exibição de Compatibilidade do IE11 pode ajudar:

  1. Alt + T ou Configuração (ícone de roda dentada)
  2. Escolha Compatibility View Settings
  3. Desmarque a caixa de seleção Display intranet sites in Compatibility View
  4. Reinicie o IE11

Para mais detalhes, veja o artigo Correção: raio de borda CSS não funciona no Internet Explorer 11 .

    
por 03.01.2015 / 11:16
0

Tente limpar o cache.

Entre no IE e pressione ctrl + deslocamento + delete .

Em seguida, marque / desmarque as caixas a seguir, conforme mostrado na figura.

Aguarde até que apague todos esses arquivos (pode demorar um ou dois minutos) e, quando terminar, atualize a página.

    
por 02.01.2015 / 22:32
0

Como isso está acontecendo no Skype e também no IE, eu daria uma olhada nas configurações do seu CSS, já que ele roda muitas partes do Skype e possivelmente poderia ser usado na página do Google como você mostrava. Se isso não resolver, testarei sua placa de vídeo em outro computador para ver se o mesmo problema aparece. Em caso afirmativo, suspeito que a placa de vídeo seja ruim.

Da página de suporte do 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​...

Eu sei que isso é apenas para o Skype, mas se algo estiver errado com suas configurações de CSS, isso afetará suas páginas da Web também, pois muitos elementos como botões (como você mostrou) são renderizados usando CSS.

Espero que isso ajude alguns!

    
por 09.01.2015 / 15:34
0

Eu experimentei o mesmo problema no IE 11, no Edge e no Firefox 57.0 (64 bits), depois de atualizar o Windows 8 para o Windows 10. A atualização dos drivers da placa gráfica corrigiu o problema.

    
por 20.11.2017 / 18:54