Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gerciley

Border dotted com Bug no FireFox

Recommended Posts

usando a propriedade border radius criari uma div com cantos arredondados, e inseri ruma borda do tipo dotted (pontilhada), as atribuições

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

me proporcionara um bom visual, porém na renderização do Firefox a área de 30px indicada para fazer o radius não está pontilhada, fica sólida, isso somente no FF, alguém conhece algum Rack pra essa situação? sera que vou ter que recorrer ao ajax?

Grato:

Gerciley Fernandes

Compartilhar este post


Link para o post
Compartilhar em outros sites

ta funcionando sim porem nas curvas ela fica sólida entendeu? somente nos quatro cantos curvados fica sólida o restante normal entende?

Compartilhar este post


Link para o post
Compartilhar em outros sites

somente nos quatro cantos curvados fica sólida o restante normal entende?

ah sim. Isso aí é da forma que o navegador renderiza mesmo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, Mas??????? alguém sugere algo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, Mas??????? alguém sugere algo?

Isso de não suportar totalmente o dotted com border-radius é do próprio Firefox, e infelizmente não podemos alterar a forma que um navegador renderiza uma propriedade [CSS].

 

Se estiver realmente preocupado com a estética da borda, te sugiro a propriedade border-image, também do CSS3:

:seta: http://www.css3.info/preview/border-image/

 

Parece chato, mas é legal. :bye:

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.