Zmiana blur'a w div #1, gdy hover na div #2

Question

Witam Serdecznie :)

Na początku demo: http://streetlight.pl/aqua/

Próbuję uzyskać taki efekt, aby po najechaniu na obrazek np. #left-button lub #right-button wyzerował się blur dla #left lub #right. Jednak nie wychodzi mi to coś.

Używałem takiego kodu

#left-button:hover ~ #left {
   	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}

Ale niestety nie działa :/ Jakieś pomysły?

Answer 1

Dziwne, u mnie działa.

(Swoją drogą to te zdjęcia mógłbyś trochę zoptymalizować..)

Comments

Strona jest w trakcie budowy, zdjęcia wstawiłem roboczo.

U mnie działa tylko po najechaniu na tło, gdy na nazwę firmy najadę to blur w tle pozostaje :/

---

A, okej. Zaraz spojrzę co i jak.

---

Zamień miejscami div.left z div.left-button, tak żeby div.left-button był przed div.left

---

I ten CSS zacznie działać

---

Faktycznie, drugi dobrze ustawiłem, a o pierwszym zapomniałem. Chyba za mało snu ostatnio hehe :) Dzięki wielkie :)