JS Blur - znikające elementy Opcje

[expert]

Witam,

Znalazłem stronę na której jest ładnie pokazany efekt rozmycia: http://jakiestfu.com/2012/10/01/blurjs-take-ii/

Zastosowałem to na swojej stronie. przez jakiś czas działało, jednak nie wiem z jakich powodów, jak dam blur do jakiegoś elemntu, to ten element jakby znika. Cos w tym stylu:
http://jsbin.com/anuhid/1/watch

Na czym może polegać błąd/problem?

[PrinceOfPersia]

trochę nie rozumiem po co skrypt do tego, jeśli ten skrypt nic innego nie robi jak dodaje klasę CSS, co tam jest pokazane (na pierwszym linku).
Szczerze mówiąc nie miałem pojęcia wcześniej, że w CSS3 można zrobić efekt blur, więc się dowiedziałem czegoś nowego... anyway. Kluczowa jest tu deklaracja CSS:

Kod

.blurjs-10-radius {
    -ms-filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    filter: url("#blur10px");
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=10);
}

i tyle. Więcej nie potrzeba, bo jeśli to ma działać na jQuery to tam samemu możesz sobie dodać/odjąć klasę addClass/removeClass (a i bez jQuery też możesz to łatwo zrobić). W sumie po co komplikować rzeczy proste?

EDIT:
no chyba, że chodzi o kompatybilność: ten kod CSS działa mi pod Chrome i pod IE8, niestety już w Firefoxie nie za bardzo...

Ten post edytował PrinceOfPersia 11.02.2013, 21:23:55