Płynne przesuwanie
Overlay przesuwa się płynnym ruchem z małym opóźnieniem. Implementacja zawiera dwie małe funkcje JavaScript.
Overlay na CSS
Bez JavaScriptu overlay nadal działa. Przestaje się jedynie przesuwać z opóźnieniem.
Reaktywna treść
Overlay nie powoduje odcięcia całej treści. Do obiektów znajdujących się pod wierzchnią warstwą przychodzą zdarzenia przeglądarki.
Zafiksowana pozycja
Element pozostaje na środku podczas przewijania warstwy pod nim (pozycjonowanie fixed).
Natywne centrowanie
Do centrowania elementu overlay zarówno w pionie jak i w poziomie wykorzystywany jest CSS. Reakcja na zmianę rozmiaru okna oraz przesunięcie paska przewijania jest natychmiastowa.
Odporność na resize tekstu
Wycentrowany overlay zachowuje się naturalnie podczas zmiany rozmiaru czcionki.
Poprawna interpretacja
Działa we wszystkich popularnych przeglądarkach:
- IE 6+
- Firefox 1.5+
- Opera 7+
- Chrome 2+
- Safari 1+
Testowane w systemach Windows i Linux.
Standardy
Pełna zgodność z W3C (XHTML 1.0 Strict, CSS 2.1).
Artukuł CSS Copyleft :) 2010 by Maciej Chałapuk