Geçenlerde bir makale yazdı : Yuvarlak CSS Köşeler CSS3 , yuvarlatılmış köşeler oluşturmak için mükemmel bir çözümdür. Ancak, Internet Explorer henüz destek vermez, ancak bu makalede açıklayan bir çözüm yoktur.

Eğer bu çalışma elde etmek için ihtiyacınız olan her şeyi indirebilirsiniz çalışan bir sürümü aşağıdaki iki link göstermek ve aynı zamanda bir zip dosyası.

• IE köşeleri yuvarlatılmış demo
• yani yuvarlak-corners.zip

HTML oldukça yalındır ve başka bir makalede kod kullanır HTML5 öğretici: Başlarken .

IE'de çalışan yuvarlatılmış köşeler elde etmek için gerekir JQuery ve JQuery köşesinde komut dosyası HTML başvurulan her ikisi de yukarıdaki zip dosyasının yer almaktadır.

<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>

Sonra sadece yuvarlanır istediğiniz köşeleri tarayıcı söylemek gerekir.

<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>

CSS ile aşina değilseniz o zaman kolayca HTML biz sadece o kısmını hedef elemanı, kimlik ya da tırnak içinde sınıf kullanıyorsanız JavaScript kullanarak nasıl uygulandığını görmek için gerekir.

Özet

Ve bu var. Gösterildiği gibi yuvarlak köşe etkileri her türlü oluşturabilirsiniz köşeleri yuvarlatılmış BeyazKartal . Şimdiye kadar, ben her zaman oluşturulan yuvarlak köşeleri kullanarak olduğunuz bu yöntem ancak bu jQuery çözüm basitliği görmeye, en azından Internet Explorer için geçiş ve WebKit ve Mozilla tarayıcıları için CSS3 güvenmek meylediyorum.

Ne düşünüyorsunuz? Eğer hala yuvarlak köşe çözümleri için görüntüleri kullanarak ya da JavaScript ve CSS3 yöntemleri geliştirme topluluğuna çok daha yaygın hale musunuz?