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.
Bez kodu JavaScript
Overlay jest utworzony jedynie przy pomocy stylów CSS. Język JavaScript może być używany do pokazywania/ukrywania go:
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