Border dotted com Bug no FireFox

[Gerciley 14]

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

[Diéssica 140]

dotted funciona sim. Posta todo o CSS.

[Gerciley 14]

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

[Diéssica 140]

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

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

[Gerciley 14]

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

[Diéssica 140]

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: