Pergunta sobre css3, css, html – O raio da borda não está funcionando no IE9

0

O Border Radius não está funcionando no IE9. O seguinte atributo i usado no meu projeto. e também eu adiciono o arquivo .HTC também

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(Styles/border-radius.htc); 
IE9 suporta propriedade border-radius, uma vez verifique o seu modo de navegador, ou seja, modo Navegador: IE9 e modo de documento: IE9 Valli69
O HTC é irrelevante para o IE9; você só precisa para o IE8 ou menor. IE9 suportaborder-radius bem. Não sei porque não está funcionando para você; Não há informações suficientes na pergunta para diagnosticar isso. Você precisará fornecer uma demonstração do problema que está realmente acontecendo. Um ponto: se você vai usar um HTC para suportar o IE7 / 8, você deve considerarCSS3Pie; é melhor que o que você está usando. SDC
raio no IE está funcionando, mabye somting está errado com o código você pode carregá-lo você pode usar: PasteBin ou qualquer outro site para fazer o upload do código, tenha um bom dia. Blanktext

Sua resposta

9   a resposta
0

Se você usa ao mesmo tempo border-radius com o filtro: progid: DXImageTransform.Microsoft.gradient (startColorstr = '######', endColorstr = '######', GradientType = 0), apenas comente este filtro.

0

ie-8, ie-9 via javascript confira este tutorial como mostrar o raio da borda no iehttp://davidwalsh.name/css-rounded-corners

4

Usar

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> parecia funcionar para mim. Matt Fricker
0

funciona no ie9. Alterar o modo de navegador ou o modo de documento nunca é uma solução porque está no lado do cliente. Então, eu tenho medo, meu amigo, não há nenhuma maneira plausível de fazer o border-radius funcionar corretamente no ie9, a menos que você tenha a ajuda do javascript.

0

border-radius.htc quebrou o raio de fronteira normal em ie9, inclua o arquivo border-radius.htc em versões do IE abaixo de 9 comconditional comments

3

mas não me ajudou. Minha solução foi adicionar a declaração do tipo de documento HTML 5 à página:

<! DOCTYPE html>

Outras declarações de tipo de documento HTML podem funcionar também - meu problema é que eu estava gerando as páginas sem nenhuma declaração de tipo de documento.

Acompanhamento: Eu tive o mesmo problema que o OP, massó quandoborder-radius é definido em uma folha de estilo interna (ou seja, dentro do<style> tag no<head>). Em contraste, se eu definirborder-radius em uma folha de estilo externa (por exemplo,<link> tag no<head> para incluir o arquivo .css), ele funciona sem a necessidade de<!DOCTYPE html> declaração. Colora-me perplexo. Mike Finch
Eu experimentei o mesmo problema que o OP; estilos comoborder-radius e outros não funcionariam no Internet Explorer 11, mas funcionariam em outros navegadores como o Firefox. Adicionando o<!DOCTYPE html>  A declaração ajudou alguns estilos a começar a trabalhar no IE11. Mas oborder-radius ainda não funcionou. Mike Finch
2

Você precisa colocar isso no seu cabeçalho HTML

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

Resposta descoberto aquiraio de borda ie9

Acompanhamento: Eu tive o mesmo problema que o OP, massó quandoborder-radius é definido em uma folha de estilo interna (ou seja, dentro do<style> tag no<head>). Em contraste, se eu definirborder-radius em uma folha de estilo externa (por exemplo,<link> tag no<head> para incluir o arquivo .css), ele funciona sem a necessidade de<meta http-equiv="X-UA-Compatible" content="IE=edge" /> tag. Colora-me perplexo novamente! Mike Finch
Eu experimentei o mesmo problema que o OP; estilos comoborder-radius e outros não funcionariam no Internet Explorer 11, mas funcionariam em outros navegadores como o Firefox. Adicionando o<meta http-equiv="X-UA-Compatible" content="IE=edge" /> tag sugerido por @dockeryZ ajudou aborder-radius estilo para trabalhar. Essa meta tag parece ser a coisa essencial paraborder-radius. Como mencionei em outro comentário, o<!DOCTYPE html> declaração sugerida por @ Ags1 não ajudouborder-radius, embora tenha ajudado em outros estilos. Mike Finch
0

como ie6,7,8.

Usando CSS Pie ->http://css3pie.com/

Isso permitirá que você especifique seu raio de borda normalmente e inclua o script pie.htc no seu css. Isso magicamente faz com que funcione no IE6. Olhe para isso!

Isso também funciona com outras propriedades CSS3, como gradientes de segundo plano.

Você também pode tentar adicionar isso à sua cabeça ->

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

Boa sorte!

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

portanto, certifique-se de incluí-lo em todos os seus estilos chamando um raio de borda. Então o seu site estará pronto para o IE9.

-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.

Além disso: não se esqueça de declarar que o seu código IE é ie9:

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

Alguns desenvolvedores preguiçosos<meta http-equiv="X-UA-Compatible" content="IE=7" />. Se essa tag existir, o border-radius nunca funcionará no IE.

-moz- prefixo é apenas parafirefox 3.6 e inferior, você não pode escrevê-lo hoje em dia Vladimir Starkov
Isso funcionou para mim. Ótimo. Muito obrigado. santosh kumar patro

Perguntas relacionadas