Bug bordes redondeados en Google Chrome

[Eucodance]

Hola, como les va? bueno, mas de un diseñador me va entender de que estoy hablando...

Un ejemplo, creamos un div con border-radius y a este le agregamos un border. Pero este metodo en chrome crea un pequeño bug que me esta volviendo loco



Alguien sabe como evitar ese bug? Desde ya gracias

[abimaelrc]

Sería bueno que indiques lo que haz hecho.

[Eucodance]

Es lo de menos eso, un div comun y corriente con radius, por ejemplo

Código CSS:

body {background-color:#4e6c86;}
.forosdelweb {padding:5px 15px;background-color:#bc932f;border:1px solid #5a4a1f;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
 

Código HTML:

<a class="forosdelweb">asdasdasd</a>
 

[Carlangueitor]

Si te refieres al desenfoque en el borde es por el método de renderizado del navegador, no puedes arreglarlo, ten en cuenta que el renderizado de los navegadores no llega al de Photoshop y compañía.

Saludos

[sdptou]

Ciertamente el desenfoque no se puede evitar, pero de igual manera yo intentaría utilizar los webkit, como están optimizados para los navegadores webkit quizás funcione, o quizás quede igual.

[Rolldi]

Un navegador es un navegador no un motor gráfico potentísimo que hace virguerías. Y ese problema lo tienes sólo tu, lo hago bastante a menudo y no tengo problemas de desenfoque.

Mira en css3generator.com a ver si genera el mismo Bug

[sdptou]

Rolldi, lo siento si la respuesta va un poco lejos de la fecha de tu respuesta, pero hoy día los navegadores como por ejemplo Google Chrome intentan ser potenciados por diversos motores gráficos como el 2D y 3D, quizás si tecleas en una nueva pestaña de tu navegador (Google Chrome) about:flags quizás te enteres de que puedes optimizar la calidad de la imagen como que fuera un motor gráfico potente, gracias.