IE8'de CSS ile yuvarlak kenarlık nasıl oluşturulur?

Question

IE8'de nasıl yuvarlak kenar çizildiğini öğrenmek istiyorum. Mozilla ve safari için

kullanıyorum.

Answer 1

Bunun için bir jQuery eklentisi var. http://jquery.malsup.com/corner/

Answer 2

Yapamazsınız. IE, modern standart ve uygulamalarla ilgilenmez ve özellikle IE8'de böyle bir CSS özelliği yoktur.

Answer 3

IE9'da sınır yarıçapı kullanabilirsiniz.

Eski IE sürümleri için, bunu sizin için yapacak javascript kitaplıkları vardır. Bunu sadece CSS ile yapamazsınız. En azından arka plan resimlerine ihtiyacınız olacak.

Answer 4

https://code.google.com/p/curved-corner/'u indirin ve projenize dahil edin. Daha sonra yuvarlak köşeye sahip olmak için aşağıdaki css'yi kullanın. Örneğin

:

.somediv{ 
    -webkit-border-radius:4px;  /* older webkit based browsers */ 
    -khtml-border-radius:4px;   /* older khtml based browsers */ 
    -moz-border-radius:4px;   /* older firefox */ 
    border-radius:4px;    /* standard */ 
    behavior: url(border-radius.htc); /* IE 6-8 */ 
} 

dosyaya url CSS yükleyen HTML dosyasına göre olur. Yani bu arka plandan farklı: CSS dosyasına göre olan url (...) davranışı. Daha fazla bilgi here

Answer 5

Bunun için CSS3 PIE'yi kullanabilirsiniz. Uygulaması kolaydır. Sadece buradan indirin: http://css3pie.com/download/ ve içeriğini çıkarın. Ardından, stil sayfanızda, behavior:url(css3pie/PIE.htc);'u sınır yarıçapını kullanan her öğenin css kodlarıyla birlikte koyun. Örneğin

:

.samplediv{ 
    behavior:url(css3pie/PIE.htc); 
    -webkit-border-radius:10px; 
    -khtml-border-radius:10px;  
    -moz-border-radius:10px;   
    border-radius:10px;    
}