Imagem com cantos arredondados com css para internet explorer

[Aline Meira 0]

olá pessoal!

Estou com um probleminha... apliquei border-radius nas minhas imagens para arredondar e funcionou em todos os navegadores menos no ie.

Ultilizei o arquivo htc, mas o que aconteceu foi a div arredondada e a foto quadrada como mostra a foto abaixo:

 

 

 

alguém sabe como deixar a foto arredondada no ie? ajuda gente por favor :yes:

[Marcos Xavier 189]

Você precisa aplicar o estilo na parte que se refere a imagem(dentro da div) também.

.HTC é horrível.

[Claudio Gomes 0]

Oi Aline, dá uma olhada nesse link: http://leobalter.net/desenvolvimento/cantos-arredondados-no-ie-apenas-com-css/ quem sabe ajuda.

 

Caso não resolva, tente uma gambis no Photoshop.

Deixa as imagens com os cantos arrendondados e salva os arquivos em png.

 

 

Abraço,

 

Claudio

[diogoand1 7]

Aline,

 

No css utilize:

 

 

img {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
       -ms-border-radius: 5px;
          -o-border-radius: 5px;

              border-radius: 5px;
}

Não tenho o IE instalado em minha máquina (usuário de LINUX hehehe) por isso não testei o code, mas tenho quase 100% de certeza que a "hack" -ms- vai dar um jeito nesse probleminha.

 

Att

Aline,

 

No css utilize:

 

 

img {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
}

Não tenho o IE instalado em minha máquina (usuário de LINUX hehehe) por isso não testei o code, mas tenho quase 100% de certeza que a "hack" -ms- vai dar um jeito nesse probleminha.

 

Att

[Marcos Xavier 189]

<=IE8 não reconhece a propriedade border-radius

[Aline Meira 0]

oi pessoal, obrigada por responderem. como o marcos disse, o ie não aceita a propriedade border-radius por isso tentei o htc. minhas imagens vem de um banco de dados, não são estáticas, fixas, por isso não dá pra fazer o arredondado na imagem em si usando o ps. a linha de código é assim:

 

<td width="25%"><div align="center"><a href="<?=$tipo_;?>" rel="lightbox-fotos">

<img src="<?=$tipo_;?>" style=" border-radius: 5px; behavior: url(border-radius.htc);" width="50" height="40" border="0" alt='Clique para ampliar' />

</a></div></td>

alguém tem mais alguma sugestão?

[Heitor Sousa 9]

Seu IE está desatualizado? até onde eu sei border-radius funciona no IE 10

[Aline Meira 0]

Seu IE está desatualizado? até onde eu sei border-radius funciona no IE 10

 

 

 

oi heitor

 

meu ie era o 8, atualizei para o nove e realmente funciona o border-radius. obrigada pela informação.

[Heitor Sousa 9]

:)