CSS - border-radius não é exibido no IE6 / 7/8
-
18-09-2019 - |
Pergunta
Eu estou usando o seguinte CSS para alcançar uma borda arredondada no meu DIV:
border: 1px solid #999;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
Mas no IE 6/7/8, mesmo que eu estou incluindo o raio específico ou seja, é não exibir uma borda arredondada DIV (é exibe uma beira quadrada).
Todas as ideias por que só IE 6/7/8 não exibe uma borda arredondada?
Solução
A partir do IE8, o IE não suporta a propriedade CSS3 border-radius. Não sei o que você viu que disse que fez. Você pode usar imagens, JavaScript, ou muitos outros truques para cantos arredondados no IE.
Outras dicas
não há -ms-border-radius internet explorer não apoiá-lo.
A coisa 'mais novo' microsoft tem a dizer sobre cantos arredondados é este imagens antigas mesa + hack intitulado 'Ficar à frente da Curva'; -)
IE não suporta border-radius.
A partir IE8 Expert Zone via Chat :
Chris Wilson [MS] (Expert):
Q: [9] Quaisquer planos para CSS apoio' fronteira-raio, por exemplo. -ms-fronteira de raio: 5px; ? Firefox e Safari Tem -khtml- e -moz- implementações que podemos usar para fazer cantos arredondados sem imagens ou sprites, e isto é melhorar o desempenho. http://preview.tinyurl.com/9y3tfn/
A: border-radius é alta no desejo lista, mas não será no IE8.
Enquanto eu percebo que de uma resposta sido aceite, eu queria sugerir -Se você precisar de mais aconselhamento / apoio / orientação- que você dê uma olhada no Curvy Corners ; eles têm uma biblioteca JS com exemplos.
Como, é claro, fazer MooTools , embora com um terceiro (tanto quanto eu poderia dizer) módulo de Phat fusão . E jQuery tem seu próprio de terceiros canto plugin, de Methvin .