DD_roundies

[ericolvr 0]

Bom dia,

qual um alternativa viável ao DD_roundies?

 

Não mexi muito com ele, mas de cara ja vi algumas coisas ruins.

As divs ou classes que tem um Background desparecem, aperentemente ele cria uma espécie de Z-index.

 

A ordem das divs tem de ser namesma ordem do HTML?

Abraços

[enriquesaid 0]

Você pode usar CSS3PIE e criar o radius pelo CSS3 mesmo!

 

Segue o link explicando: http://esaid.com.br/wp/2011/04/css3-sem-medo-com-css3pie/

[Giovani 104]

Eu larguei mão desses scripts que "ajudam" a deixas as bordas redondas, sempre tem um probleminha que atrapalha :/

Acho que com imagens é mais tranquilo.

[enriquesaid 0]

Eu larguei mão desses scripts que "ajudam" a deixas as bordas redondas, sempre tem um probleminha que atrapalha :/

Acho que com imagens é mais tranquilo.

 

O CSS3PIE funciona certinho cara, tente usa-lo.

[Giovani 104]

Não tinha ouvida faalr ainda. Em quais navegadores/versões funciona? Com background-color? background-image? Com borda?

[enriquesaid 0]

Não tinha ouvida faalr ainda. Em quais navegadores/versões funciona? Com background-color? background-image? Com borda?

 

Então cara.. o que ele faz é forçar o CSS3 em browsers que não suportam.. rola em ie6+ por exemplo. Nos browsers que suportam o css3 ele vai rolar tranquilo e nos que não suportam você adiciona uma propriedade que chama um arquivo .htc que por sua vez força a propriedade css3.

No link que passei acima fiz um post muito resumido sobre o assunto, mais para divulgar o site, vale a pena, eu estou usando sem problemas.

 

Quanto as propriedades, ele funciona com border-radius, box-shadow e linear-gradient.

[Giovani 104]

Legal, vou dar uma olhada depois.

Valeu theSaid³ :)

 

Quanto as propriedades, ele funciona com border-radius, box-shadow e linear-gradient.

[ericolvr 0]

Aparentemente sem nenhum segredo. Mas não funiona aqui.

 

background: #C7E7E9;

border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;

behavior: url(PIE.htc);

 

Só funionou om o CSS inline.. os path estao Corretos.

[enriquesaid 0]

Aparentemente sem nenhum segredo. Mas não funiona aqui.

 

background: #C7E7E9;

border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;

behavior: url(PIE.htc);

 

Só funionou om o CSS inline.. os path estao Corretos.

 

Provavelmente ele não está achando o arquivo PIE.htc, tente colocar /PIE.htc ou veja se está em outro diretório, no caso ../PIE.htc... é bem delicada essa parte, no exemplo do post está funcionando normalmente.