Strona nie posiada responsywności ! Do komfortowego korzystania zalecana jest rozdzielczość 1920x1080
huhu. To ten, nie pamiętam pytania, ale strona powinna być responsywna. Myślisz, że klient pomyśli ("a to spoko, już wrzucam to na rozdzielość wskazaną przez osobę, która zrobiła stronę")? No nie, opuści stronę, nie zapoznając się z treścią.
blur, podobnie jak opacity jest dziedziczony przez elementy. To, że blur nie działa na tło, może wynikać z tego, że źle podałeś ścieżkę do elementu. Skoro działa na elementy wewnątrz, to działa na ogół na pewno.
Rozwiązać to możesz wykorzystując pseudobloki lub pseudoklasy. Jeżeli Twoim celem jest:
- rozmazanie tła - wówczas tworzyć pseudoblok i pozycjonujesz do tak, aby zajmował 100% dostępnego miejsca. Następnie ustawiasz tło i blur.
- rozmazanie wszystkiego poza uwagą. Musisz dodać taki kod CSS, który zaznaczy wszystko, ale nie element od id = uwaga. Do tego służy pseudoselektor :not().
Dla lepszego rozeznania w temacie możesz zapoznać się z następującymi linkami: