Una Kravets
Mason Freed
Pozycjonowanie zakotwiczonych CSS zostało wprowadzone w Chrome 125. Pierwsza publicznie dostępna wersja interfejsu API wywołała dodatkowe dyskusje na temat składni . W związku z tym od czasu wprowadzenia tej funkcji wprowadziliśmy kilka niewielkich zmian. Jeśli wypróbowałeś już pozycjonowanie zakotwiczonych elementów CSS, z tego posta dowiesz się, jakie zmiany należy wprowadzić w kodzie, a także jakie są informacje o pozycjonowaniu zakotwiczonych.
Istnieją 2 zmiany nazw usług głównych:
- Nazwa
inset-areazostała zmieniona naposition-area. Ta zmiana została preferowana przez grupę roboczą CSS, ponieważ sformułowanieposition-pomaga zapamiętać, że ta właściwość jest stosowana do umieszczonego elementu, a nie do elementu kotwicy. Ta zmiana wejdzie w życie w Chrome 129. Usługainset-areajest obsługiwana do Chrome 131, aby dać Ci czas na zaktualizowanie wszystkich swoich wersji demonstracyjnych lub artykułów. - Nazwa
position-try-optionszostała zmieniona naposition-try-fallbacks. Ta zmiana nazwy pomaga pamiętać, że są to tylko obiekty zastępcze do pozycji głównej, która jest określana przez style podstawowe. Ta zmiana jest wprowadzana w Chrome 128, a od wersji 128position-try-optionsnie jest już dostępna. Zalecamy użycie skrótu (zmiana naposition-try), która działa od Chrome 125 i nie uległa zmianie.
Wprowadzono też jedną dodatkową zmianę w sposobie działania:
- Usuwam składnię funkcjonalną
inset-area()z elementuposition-try. Dlatego używaj zasadyposition-try-fallbacks: topzamiastposition-try-fallbacks: inset-area(top). Zmiana zostanie też wprowadzona w Chrome 129.
Więcej informacji na temat korzystania z pozycji zakotwiczonej znajdziesz tutaj: