Como fazer borda arredondada no FireFox e no IE com css?
by CHR Designer on jun.09, 2009, under Web Designer
E ai pessoal semana passada eu estava ajudando a Patricia uma menina que trabalha na Lógica Digital na parte de recorte, ela pediu uma ajuda minha para fazer um Moving Boxes precisava que a imagem ampliar-se sozinha mas com uma imagem de fundo não dava certo então eu fiz em css mas as bordas arredondadas mas não pegava no IE então eu fiz umas pesquisas no google até que eu achei o site html remix, então eu resolvi deixar postado aqui para ajudar todo mundo que tem essa mesma dúvida e também para que eu não esqueça mais.
Nessa primeira imagem se vocês clicarem nela vocês vão ver a primeira versão, nessa só funciona no FireFox e no IE não pega a borda arredondada por causa do “style: -moz-border-radius“ não funciona no IE:
Clique sobre a imagem para ir na página de demonstração
Esta funcionando no FireFox e não funciona no IE
Nessa segunda imagem se vocês clicarem nela vocês vão ver que está funcionando no FireFox e no IE também eu tive que adicionar um “style: behavior“ nela eu chamo um documento .htc para emular o “-moz-border-radius” no IE.
Clique sobre a imagem para ir na página de demonstração
junho 19th, 2009 on 17:02
não funciona no ie8
junho 20th, 2009 on 9:14
Olá Leonardo eu coloquei agora uma meta tag que “emula” o IE 7 no IE 8 vê se funciona agora….
http://www.chrdesigner.com/borda/borda2.html
junho 20th, 2009 on 17:23
continua não funcionando alias some ate ate o fundo preto fica so a imagen no centro da pagina
junho 21st, 2009 on 18:46
Nossa muito estranho aqui no meu pc eu tenho o Windows 7 com IE 8 e funciona perfeitamente…qual a sua versão ? A minha é “8.0.7100.0″
julho 10th, 2009 on 14:06
Olá não consigo fazer no ie.
Além de colocar o arquivo na pasta o que mais eh preciso?
Sou novato no css
dezembro 3rd, 2009 on 12:22
Opa amigo n consigo fazer funcionar no IE8, se puder ajudar-nos
dezembro 3rd, 2009 on 20:30
Olá Willian você precisar colocar essa tag dentro do seu header
meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″
espero que ajude senão funcionar mande o seu código para que eu possa dar uma olhada.
fevereiro 16th, 2010 on 14:03
Amigo perdi maior tempo pra descobri que isto é uma imagem
março 6th, 2010 on 19:20
Como eu crio esse documento .htc e faço ele emular o “-moz-border-radiusâ€? Seria legal q vc fizesse um tutorial. É o primeiro site que eu vejo que isso é possÃvel.
março 6th, 2010 on 20:02
Funcionou no Firefox, mas no IE não
março 6th, 2010 on 20:19
Olá Lara… eu deixei deponivel para download o arquivo que eu fiz neste link
http://www.chrdesigner.com/borda/borda.zip
mas o arquivo .htc tem que estar na pasta raiz ou outra qualquer que vc quiser e chamalo assim por exemplo.
behavior:url(border-radius.htc);
março 6th, 2010 on 20:23
Olá Wagner não é uma imagem não é só clicar na imagem que abrirá a página com o css -moz-border-radius funcionando.
março 26th, 2010 on 17:01
Muito bom o seu artigo! Procurava por isso a dias
maio 20th, 2010 on 22:28
Olá, achei muito interessante a sua postagem, foi a única que encontrei que funciona no IE. Você poderia explicar em um passo a passo para iniciantes? Quero muito essa borda arredondada mas ainda tenho dúvidas.
Obrigada!
abril 8th, 2011 on 14:43
Obrigado meu caro. Ótima iniciativa. Boa referência.
E para testar instalem o IE Tester.
Grande abraço
junho 15th, 2011 on 16:12
Olá amigo, gostei da publicação.
Mas quero fazer o seguinte, só arredondar os vértice da esquerda! Como faço?
Por favor, mande uma cópia da resposta para o meu e-mail! Agradeço desde já!
Abraço
setembro 6th, 2011 on 11:36
Infelizmente um dos navegadores mais utilizados da internet, como sempre, ainda não integrou esse (e diversos outros) recursos do CSS3. Claro que estou falando do nosso amigo o Internet Explorer. Porém há rumores de que a versão 9.0 do navegador da Microsoft trará já o CSS3 em seu renderizador.
fonte:http://www.comunicaweb.com.br/blog/2010/02/23/css3-usando-o-border-radius/