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

Eğer bu çalışma almak için gereken her şeyi indirebilirsiniz yüzden aşağıdaki iki bağlantıları çalışan bir sürümü ve aynı zamanda bir zip dosyası göstermektedir.

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

HTML oldukça yalındır ve başka bir makaleden kodunu kullanan - HTML5 öğretici: Başlarken .

IE çalışan yuvarlak köşeler elde etmek için ihtiyacınız JQuery ve JQuery köşe komut Sonra HTML başvurulan yukarıdaki zip dosyası dahil her ikisi de.

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

Sonraki tek yapmanız gereken yuvarlak istiyorum köşeleri tarayıcıya söylemek gerekir.

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

Eğer her CSS aşina değilseniz o zaman biz sadece elemanı kullanılarak konum olarak kolayca JavaScript kullanarak nasıl uygulandığını görmek gerekir, HTML kısmını hedef tırnak içinde kimliği veya sınıf.

Özet

Ve ona orada hepsi. Gösterildiği gibi yuvarlak köşe etkiler yaratabilecek her türlü yuvarlak köşeler BeyazKartal . Şimdiye kadar, hep kullanarak yuvarlatılmış köşeleri oluşturduk , bu yöntemi ancak bu jQuery çözüm basitlik görerek, en az Internet Explorer için geçiş ve WebKit ve Mozilla tarayıcıları için CSS3 güveniyor meylediyorum.

Ne düşünüyorsunuz? Hala yuvarlak köşe çözümleri için görüntüleri kullanarak veya JavaScript ve CSS3 yöntemleri geliştirme toplum içinde yayılması çok daha geniş mı dönüşüyor?