radius - rounded button css

¿Qué solución de Javascript(no.htc) puede realmente crear una esquina redondeada Antialiased en IE7 y 8?

Question

¿Qué solución de JavaScript (no .htc ) puede realmente crear una esquina redondeada anti alias en IE7 y 8 como CSS3 en navegadores compatibles?

Intenté muchos

http://www.ruzee.com/blog/ruzeeborders/

http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery/

http://www.curvycorners.net/

Todos afirman que dan esquina anti alias, pero dando esquinas como esta

texto alternativo http://shup.com/Shup/375652/11063104941-My-Desktop.png

Pero nadie está dando esquina anti aliased. si necesito 10px esquina redonda.

Answer 1

Ciertamente puede hacer elementos flexibles con esquinas redondeadas de imagen.

Vea este artículo .

Debido a que CSS3 border-radius ahora es compatible con muchos de los navegadores modernos, puede usarlo como su solución principal y proporcionar una alternativa para aquellos que no lo admiten.

En un proyecto reciente, creé el sitio web con border-radius y usé jQuery .wrap () para los navegadores que no lo soportaban. Se ve algo como esto:

HTML

<div class="round">
    <p>Hi, I''m a paragraph</p>
</div>

CSS

.round {
    border: 1px solid red;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

jQuery

if ($.browser.msie) {
    $(''.round'').wrap(''<div class="tl"><div class="tr"><div class="bl"><div class="br"></div></div></div></div>'');
}

Y luego puede diseñar los elementos de la esquina redonda según el artículo anterior.