jquery.corner() ile IE'de sınırları koru()

Question

jQuery eklentisi "köşesi" kullanıyorum: http://www.malsup.com/jquery/corner/ Neredeyse her zaman harika bir iş yapıyorum.

Sorun şu ki, div'lerim 1px uygulanan kenarlıklara sahip. Bu, Safari, FF, Chrome vb. Yerlerde harika çalışır. Sadece IE (8) 'de sınırlar kaybolacaktır. Kenarları yuvarlaklaştırıyor, ancak kenarlık vermiyor.

Yukarıda belirtilen sitede $ (this) .corner ('keep'); sınırları koruyacak. Bunu denedim, ancak sonra IE kare köşeleri (yuvarlak değil) çıktılar ve doğru olarak sınırları gösterir.

---

Herhangi bir yardım? thx, Mexx

Answer 1

Sitelerinde yer alan belgelere göre, iki tane boşluk girebilirsiniz, böylece bir kenarlık var gibi görünür (IE üzerinde çalışır).

$(this).corner("round 8px").parent().css('padding', '1px').corner("round 10px") 

Ben bugün size faydasız işaretleme eklemek zorunda çünkü çirkin olduğunu düşünüyorum, ama bu eklenti sopa istiyorsanız bunun tek çözüm olduğunu affraid.

IE'de CSS3'ün sınır yarıçapını kullanmak istiyorsanız orada başka çözümler olduğunu biliyorum. Microsoft bu konuda ne söylediğini okumak (ve sağlanan linklere tıklayın) olmalıdır: http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx

Answer 2

ile Deneyin:

$(this).corner("round 38px").parent().css('padding', '1px').corner("round 40px") 

de bir sorun vardır.

Answer 3

Bu eski olduğunu biliyorum ama

kolay çözüm yandan

kullanım jQuery

$('.yourcornerclass').wrap('<div class="youroutercornerclass"></div>'); 

tarafından tüm köşe div'leri yeniden ayrı oturtma olmadan bu soru için google ilk stackoverflow sonucu olur

daha fazla bilgi için buraya tıklayın @tonyamoyal tüm kod örnekleriyle