Suporte para “border-radius” no IE

StackOverflow https://stackoverflow.com/questions/635851

  •  10-07-2019
  •  | 
  •  

Pergunta

Alguém sabe se / quando o Internet Explorer irá apoiar a "border-radius" atributo CSS?

Foi útil?

Solução

Sim! Quando IE9 é liberado janeiro 2011.

Vamos dizer que você quer uma ainda 15px em todos os quatro lados: 

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9 vai usar o border-radius padrão, por isso certifique-se de incluir isso em todos os seus estilos de chamada de um raio de fronteira. Em seguida, o seu site estará pronto para IE9.

-moz-border-radius é para Firefox, -webkit-border-radius é para Safari e Chrome.

Além disso: não se esqueça de declarar o seu IE codificação é IE9: 

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

Alguns desenvolvedores preguiçosos têm <meta http-equiv="X-UA-Compatible" content="IE=7" />. Se essa marca existe, border-radius nunca vai funcionar no IE.

Outras dicas

A resposta a esta pergunta foi alterado desde que foi perguntado um ano atrás. (Esta questão é actualmente um dos principais resultados para pesquisando "beira de raio ou seja,".)

IE9 apoiará border-radius.

Há uma plataforma de visualização disponíveis que suportes border-radius. Você vai precisar do Windows Vista ou Windows 7 para executar a pré-visualização (e IE9 quando for lançado).

Uma solução e uma ferramenta útil:

CSS3Pie usa arquivos .htc e a propriedade comportamento para implementar CSS3 no IE 6 -. 8

Modernizr é um pouco de javascript que irá colocar as classes em seu elemento html, o que lhe permite servir estilo diferente definições para diferentes navegadores com base em suas capacidades.

Obviamente, estes dois add mais sobrecarga, mas com IE9 devido a apenas executado em Vista / 7 que pode ser preso por um bom tempo. Em agosto de 2010 Windows XP ainda é responsável por 48% dos sistemas operacionais cliente Web.

Não está prevista para o IE8. Veja a CSS Compatibilidade página .

Além de que há planos foram liberados. Rumores existem que IE8 será a última versão para Windows XP

<!DOCTYPE html> sem essa tag border-radius não funciona no IE9, não há necessidade de meta tags.

atualização rápida a esta pergunta, IE9 apoiará border-radius de acordo com: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers. aspx

Use -ms-border-radius: 15px, qualquer elemento que usa CSS -ms- é compatível com o IE.

A questão canto raio de IE vai resolver.

http://kbala.com/ie-9-supports-corner- raio /

O que sobre o suporte para o raio de fronteira e gradiente de fundo. Sim IE9 é apoiá-los tanto separadamente, mas se você misturar os dois o gradiente sangra com o canto arredondado. Abaixo está um link para um mau exemplo, mas eu já vi isso no meu próprio teste também. Deveria ter tomado uma captura de tela: (

Talvez a verdadeira questão é quando é que os padrões de suporte CSS ou seja, sem MS-FILTER hacks proprietários.

http://frugalcoder.us/ pós / 2010/09/15 / IE9-canto-plus-inclinação-fail.aspx

resolvido - não tornando raio fronteira corretamente no IE 10 e 11

Para aqueles não recebendo a -ms-border-radius: ou o border-radius: trabalhar no IE 10,11 E isso torna tudo quadrado, em seguida, siga estes passos:

  1. Clique na roda de engrenagem no canto superior direito do navegador IE
  2. Clique em configurações de exibição de compatibilidade
  3. Agora desmarque as 2 caixas que são verificados por padrão.

Certifique-se de que as caixas estão desmarcadas como na pic

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top