Às vezes você apenas mover um item, mudando o ponto de vista, para resolver um problema parece intransponível. E quando se tem a ver com a compatibilidade entre navegadores e CSS, inventar soluções "espetacular" (duplos diria) está na agenda. , per Safari e Google Chrome. O que eu lhe mostrar uma maneira fácil de aplicar cantos arredondados para imagens usando -moz-border-radius , que está disponível para o Mozilla FireFox e -webkit-border-radius , Safari e Google Chrome.
Artigos com a tag 'IMG'
Firefox 3.5.7: como corrigir o defeito das bordas arredondadas de uma imagem
jQuery: bordas redondas sobre as imagens se sobrepõem
Por causa da renderização diferente entre os navegadores, Microsoft Internet Explorer definitivamente ver isso em mente, devemos sempre recorrer a truques para aplicar efeitos especiais, que agora deve ser um padrão. O prêmio discutido bordas arredondadas são um exemplo clássico de "desastre" produzido pela completa incapacidade de fazer uma padrões graves em páginas renderizar HTML / CSS. , etc… Existem muitas soluções que permitem que a rede para obter os "efeitos" (efeitos que se apresentam como isentos os cantos arredondados HTML, efeitos de sombra, reflexos, etc ...) com manchas nas folhas de estilos, truques especiais usando div enxertados, bibliotecas Javascript, uso de canvas , etc ...
Em um puramente educacional Vou ilustrar outra técnica (cross-browser) para aplicar as bordas arredondadas das imagens:
Demo e fonte
Made in o redimensionamento da imagem no browser
Em princípio, quando você inserir uma imagem em um documento HTML deve usar seu tamanho original. No entanto, a TAG IMG permite que você force a largura (width) e altura (altura) de qualquer imagem, indipendemente de seu tamanho original. Esse dimensionamento é feito - é claro - a partir do navegador.
Use o tamanho original de uma imagem é boa, embora em alguns casos leva o dobro de trabalho para o Web Designer e / ou motores dinâmicos (como CMS ou bibliotecas de manipulação de gráficos) no Web Server. Um slide show clássico, por exemplo, como uma regra mostrar o preview ou thumbnail (imagens de tamanho reduzido) mostram que, se você selecionar a imagem original maior.
Últimos Comentários
kOoLiNuS : @ Giovambattista Fazioli: obrigado! mais do que dispostos!
Giovambattista Fazioli : @ kOoLiNuS: Calmo, provavelmente você pode antecipar que WPX Cleanfix será livre, e ...
kOoLiNuS : @ kOoLiNuS: a falta
e uma 
kOoLiNuS : @ Giovambattista Fazioli: Assinei, mas quando eu era o meu uso amador da plataforma ...
Giovambattista Fazioli : @ kOoLiNuS: Sim, este é um problema conhecido. Ocorre quando as tabelas em questão são ...