Czy ktoś wie, czy / kiedy Internet Explorer będzie obsługiwał atrybut CSS „border-radius”?
Tak! Kiedy IE9 zostanie wydany w styczniu 2011.
Powiedzmy, że chcesz mieć równe 15 pikseli ze wszystkich czterech stron:
.myclass {
border-style: solid;
border-width: 2px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}IE9 użyje wartości domyślnej border-radius, więc po prostu upewnij się, że uwzględnisz to we wszystkich stylach, nazywając promień obramowania. Wtedy Twoja witryna będzie gotowa na IE9.
-moz-border-radiusdotyczy przeglądarki Firefox, przeglądarki -webkit-border-radiusSafari i Chrome.
Ponadto: nie zapomnij zadeklarować, że kodowanie IE to ie9:
<meta http-equiv="X-UA-Compatible" content="IE=9" />Niektórzy leniwi programiści mają <meta http-equiv="X-UA-Compatible" content="IE=7" />. Jeśli ten tag istnieje, border-radius nigdy nie będzie działać w IE.
Odpowiedź na to pytanie zmieniła się od czasu, gdy zadano je rok temu. (To pytanie jest obecnie jednym z najlepszych wyników wyszukiwania w Google „border-radius ie”).
IE9 będzie obsługiwać
border-radius.Tam jest podgląd platforma dostępna który obsługuje
border-radius. Do uruchomienia podglądu będziesz potrzebować systemu Windows Vista lub Windows 7 (i IE9, gdy zostanie wydany).źródło
Podczas oczekiwania .. Zakrzywiony róg (border-radius) w przeglądarce
źródło
Obejście i przydatne narzędzie:
CSS3Pie używa plików .htc i właściwości behawioralnej do implementacji CSS3 w IE 6 - 8.
Modernizr to trochę javascript, który umieści klasy w twoim elemencie html, umożliwiając obsługę różnych definicji stylów dla różnych przeglądarek w oparciu o ich możliwości.
Oczywiście oba te elementy zwiększają obciążenie, ale w przypadku IE9, który działa tylko w systemie Vista / 7, możemy utknąć na jakiś czas. Od sierpnia 2010 r. System Windows XP nadal stanowi 48% systemów operacyjnych klientów WWW.
źródło
Nie jest planowane dla IE8. Zobacz stronę Zgodność z CSS .
Poza tym żadne plany nie zostały wydane. Istnieją pogłoski, że IE8 będzie ostatnią wersją dla systemu Windows XP
źródło
<!DOCTYPE html>bez tego tagu border-radius nie działa w IE9, nie ma potrzeby stosowania metatagów.źródło
Szybka aktualizacja tego pytania, IE9 będzie obsługiwać border-radius zgodnie z: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx
źródło
Użyj
-ms-border-radius: 15px, każdy element, który używa css -ms-, jest zgodny z IE.źródło
Problem promienia narożnika IE zostanie rozwiązany.
http://kbala.com/ie-9-supports-corner-radius/
źródło
A co z obsługą promienia obramowania ORAZ gradientu tła. Tak, IE9 obsługuje je oddzielnie, ale jeśli je pomieszasz, gradient spadnie z zaokrąglonego rogu. Poniżej znajduje się link do kiepskiego przykładu, ale widziałem go również w moich własnych testach. Powinienem zrobić zrzut ekranu :(
Być może prawdziwe pytanie brzmi, kiedy IE będzie obsługiwać standardy CSS bez zastrzeżonych hacków MS-FILTER.
http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
źródło
ROZWIĄZANE - niepoprawne renderowanie promienia obramowania w IE 10 i 11
Dla tych, którzy nie otrzymują -ms-border-radius: lub border-radius: do pracy w IE 10,11 I renderuje wszystko kwadratowe, a następnie wykonaj następujące kroki:
źródło