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?

Foi útil?

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 .

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