CSS
Obsługa przeglądarki i prefiksy
Szukaj…
Parametry
| Prefiks | Przeglądarki |
|---|---|
-webkit- | Google Chrome, Safari, nowsze wersje Opery 12 i nowsze, Android, Blackberry i przeglądarki UC |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Opera do wersji 12 |
-khtml- | Konquerer |
Uwagi
Prefiksy dostawców są używane, aby umożliwić obsługę podglądu nowych funkcji CSS, w przypadku których funkcja nie jest jeszcze zalecana w specyfikacji.
Zaleca się, aby nie używać prefiksów dostawców w środowiskach produkcyjnych. Te prefiksy istnieją w celu przetestowania nowej funkcjonalności, która nie została jeszcze sfinalizowana, a zachowanie jest z natury nieoczekiwane. Samo używanie prefiksów nie zapewnia obsługi przeglądarek w starych przeglądarkach, ponieważ nie możesz zagwarantować, że funkcja nie zmieniła się z czasem, by działać inaczej, i nadal może być zepsuta w tych starych przeglądarkach, o których twierdzisz, że obsługują.
Jeśli obsługa starszych przeglądarek jest ważna, należy rozważyć użycie JavaScript lub innych rozwiązań w celu naśladowania efektów i prawdziwej gwarancji obsługi starych przeglądarek.
Przeglądarki użyją swoich prefiksów i zignorują właściwości, których nie rozumieją.
UWAGA : Prefiksy powinny zawsze pojawiać się przed oficjalną, nieprefiksowaną składnią. W przeciwnym razie zostaną nadpisane prefiksowanymi właściwościami, które ostatecznie mogą być kolejną implementacją.
Jeśli przeglądarka obsługuje zarówno nieoznaczoną, jak i przedrostkową wersję właściwości, pierwszeństwo ma najnowsza deklarowana właściwość.
Przejścia
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
Przekształcać
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}